Canvas

基础库 2.7.0 开始支持,低版本需做兼容处理

Canvas 实例,可通过 SelectorQuery 获取。

属性

number width

画布宽度

number height

画布高度

方法

RenderingContext Canvas.getContext(string contextType)

该方法返回 Canvas 的绘图上下文

Image Canvas.createImage()

创建一个图片对象。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

number Canvas.requestAnimationFrame(function callback)

在下次进行重绘时执行。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

Canvas.cancelAnimationFrame(number requestID)

取消由 requestAnimationFrame 添加到计划中的动画帧请求。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

ImageData Canvas.createImageData()

创建一个 ImageData 对象。仅支持在 2D Canvas 中使用。

示例代码

2D Canvas 示例在开发者工具中预览效果

WebGL 示例在开发者工具中预览效果