tencent cloud

Canvas

PDF
聚焦模式
字号
最后更新时间: 2024-07-12 19:24:36

属性

number width:画布宽度。
number height:画布高度。

方法集

cancelAnimationFrame

该 方法 使用方式为 Canvas.cancelAnimationFrame(number requestID)
功能说明:取消由 requestAnimationFrame 添加到计划中的动画帧请求。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。
参数及说明:number requestID。

createImageData

该 方法 使用方式为 Image Canvas.createImage()
功能说明:创建一个 ImageData 对象。仅支持在 2D Canvas 中使用。
参数及说明:ImageData

createImage

该 方法 使用方式为 ImageData Canvas.createImageData()
功能说明:创建一个图片对象。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。
参数及说明:Image

createPathe2D

该 方法 使用方式为 Path2D Canvas.createPath2D(Path2D path)
功能说明:创建 Path2D 对象。
参数及说明:Path2D path。
返回值:Path2D

getContext

该 方法 使用方式为 RenderingContext Canvas.getContext(string contextType)
功能说明:该方法返回 Canvas 的绘图上下文。
参数及说明:string contextType,上下文类型。
说明
2d
2d 绘图上下文
webgl
webgl 绘图上下文
webgl2
webgl2 绘图上下文
返回值:RenderingContext,支持获取 2D 和 WebGL 绘图上下文。

requestAnimationFrame

该 方法 使用方式为 number Canvas.requestAnimationFrame(function callback)
功能说明:在下次进行重绘时执行。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。
参数及说明:function callback,执行的 callback。
返回值:number,请求 ID。

toDataURL

该 方法 使用方式为 string Canvas.toDataURL(string type, number encoderOptions)
功能说明:返回一个包含图片展示的 data URI。可以使用 type 参数其类型,默认为 PNG 格式。
参数及说明:
string type:图片格式,默认为 image/png。
number encoderOptions:在指定图片格式为 image/jpeg 或 image/webp 的情况下,可以从0到1的区间内选择图片的质量。如果超出取值范围,将会使用默认值0.92。其他参数会被忽略。
返回值:string。



帮助和支持

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

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

文档反馈