tencent cloud

腾讯云超级应用服务

画布

Download
聚焦模式
字号
最后更新时间: 2025-04-10 18:18:34

wx.createCanvas

该 API 使用方法为 wx.createCanvas()
功能描述:创建一个画布对象。首次调用创建的是显示在屏幕上的画布,之后调用创建的都是离屏画布。
返回值:Canvas,画布对象。

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 支持
返回值:RenderingContext, 绘图上下文。

Canvas.toDataURL

该 API 使用方法为 Canvas.toDataURL()
功能描述:把画布上的绘制内容以一个 data URI 的格式返回。
返回值:string,data URI 格式的字符串。

RenderingContext

功能描述:画布对象的绘图上下文。
通过 Canvas.getContext('2d') 接口可以获取 CanvasRenderingContext2D 对象,实现了 HTML Canvas 2D Context 定义的大部分属性、方法。
通过 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 格式






帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈