tencent cloud

腾讯云超级应用服务

动态与公告
【2025年1月2日】关于腾讯云小程序平台更名为腾讯云超级应用服务的公告
控制台更新动态
Android SDK 更新动态
iOS SDK 更新动态
Flutter 更新动态
IDE 更新动态
基础库更新动态
产品简介
产品概述
产品优势
应用场景
购买指南
计费概述
按量计费(后付费)
续费指引
停服说明
快速入门
套餐管理
概述
控制台账号管理
存储配置
加速配置
品牌化配置
平台功能
控制台登录
用户和权限体系
小程序管理
小游戏管理
应用管理
商业化
平台管理
用户管理
团队管理
运营管理
安全中心
代码接入指引
Demo 及 SDK 获取
Android
iOS
Flutter
App 服务端接入指南
GUID 生成规则
小程序开发指南
小程序介绍与开发环境
小程序代码组成
指南
框架
组件
API
服务端
JS SDK
基础库
IDE 使用指南
小游戏开发指南
指南
API
服务端
实践教程
小程序登录实践教程
小程序订阅消息实践教程
支付相关实践教程
广告接入实践教程
小游戏订阅消息实践教程
相关协议
数据处理和安全协议

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。



帮助和支持

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

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

文档反馈