大学生之家,大学生资讯发布平台
大学生之家

小程序Canvas的使用方法

    发布时间:2025-04-11    阅读:
    来源:大学生之家
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 中使用。

Path2D Canvas.createPath2D(Path2D path)
创建 Path2D 对象

string Canvas.toDataURL(string type, number encoderOptions)
返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。
计算机学习推荐
  • 扫一扫 分享悦读 ➤
  • 扫码可以分享到微信 qq朋友圈
计算机学习热点