Canvas
Canvas 实例,可通过 SelectorQuery 获取。
方法
参数 | 类型 | 说明 |
---|---|---|
height | number | 画布高度 |
width | number | 画布宽度 |
cancelAnimationFrame
取消由 requestAnimationFrame 添加到计划中的动画帧请求。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。
支持情况:
(requestID: number) => void
参数 | 类型 |
---|---|
requestID | number |
createImageData
创建一个 ImageData 对象。仅支持在 2D Canvas 中使用。
支持情况:
() => ImageData
createImage
创建一个图片对象。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。
支持情况:
() => Image
createPath2D
创建 Path2D 对象
支持情况:
(path: Path2D) => Path2D
参数 | 类型 |
---|---|
path | Path2D |
getContext
支持获取 2D 和 WebGL 绘图上下文
支持情况:
(contextType: string) => RenderingContext
参数 | 类型 |
---|---|
contextType | string |
requestAnimationFrame
在下次进行重绘时执行。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。
支持情况:
(callback: (...args: any[]) => any) => number
参数 | 类型 | 说明 |
---|---|---|
callback | (...args: any[]) => any | 执行的 callback |
toDataURL
返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。
支持情况:
(type: string, encoderOptions: number) => string
参数 | 类型 | 说明 |
---|---|---|
type | string | 图片格式,默认为 image/png |
encoderOptions | number | 在指定图片格式为 image/jpeg 或 image/webp的情况下,可以从 0 到 1 的区间内选择图片的质量。如果超出取值范围,将会使用默认值 0.92。其他参数会被忽略。 |
toTempFilePath
把当前画布指定区域保存为图片
支持情况:
(oprion: Option) => void
参数 | 类型 |
---|---|
oprion | Option |
API 支持度
API | 微信小程序 | 支付宝小程序 | 抖音小程序 | H5 | React Native | Harmony |
---|---|---|---|---|---|---|
Canvas.cancelAnimationFrame | ✔️ | ✔️ | ✔️ | |||
Canvas.createImageData | ✔️ | |||||
Canvas.createImage | ✔️ | ✔️ | ✔️ | |||
Canvas.createPath2D | ✔️ | |||||
Canvas.getContext | ✔️ | ✔️ | ✔️ | |||
Canvas.requestAnimationFrame | ✔️ | |||||
Canvas.toDataURL | ✔️ | |||||
Canvas.toTempFilePath | ✔️ |