wx.createCanvas
该 API 使用方法为 wx.createCanvas()
功能描述:创建一个画布对象。首次调用创建的是显示在屏幕上的画布,之后调用创建的都是离屏画布。
Canvas
属性
number width:画布宽度。
number height:画布高度。
方法
Canvas.getContext
该 API 使用方法为 Canvas.getContext(string contextType, Object contextAttributes)
功能描述:获取画布对象的绘图上下文。
参数及说明:
string contextType,上下文类型,合法值如下:
|
2d | 2d 绘图上下文 |
webgl | webgl 绘图上下文 |
webgl2 | webgl2 绘图上下文 |
Object contextAttributes,webgl 上下文属性,仅当 contextType 为 webgl 时有效。
属性 | 类型 | 默认值 | 必填 | 说明 |
antialias | boolean | false | 否 | 表示是否抗锯齿 |
preserveDrawingBuffer | boolean | false | 否 | 表示是否绘图完成后保留绘图缓冲区 |
antialiasSamples | number | 2 | 否 | 抗锯齿样本数。最小值为 2,最大不超过系统限制数量,仅 iOS 支持 |
Canvas.toDataURL
该 API 使用方法为 Canvas.toDataURL()
功能描述:把画布上的绘制内容以一个 data URI 的格式返回。
返回值:string,data URI 格式的字符串。
RenderingContext
功能描述:画布对象的绘图上下文。
通过 Canvas.getContext('webgl') 接口可以获取 WebGLRenderingContext 对象,实现了 WebGL 1.0 定义的所有属性、方法、常量。 通过 Canvas.getContext('webgl2') 接口可以获取 WebGL2RenderingContext 对象,实现了 WebGL 2.0 定义的所有属性、方法、常量。 2d 接口支持情况
iOS/Android 不支持的 2d 属性和接口
globalCompositeOperation 不支持以下值: source-in source-out destination-atop lighter copy。如果使用,不会报错,但是将得到与预期不符的结果。
isPointInPath
isPointInStroke
setLineDash
getLineDash
lineDashOffset
shadowColor
shadowBlur
shadowOffsetX
shadowOffsetY
WebGL 接口支持情况
压缩纹理的支持
iOS 支持 pvr 格式
Android 支持 etc1 格式