tencent cloud

腾讯云超级应用服务

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

画布

PDF
聚焦模式
字号
最后更新时间: 2025-04-10 18:18:34

wx.createCanvas

该 API 使用方法为 wx.createCanvas()
功能描述:创建一个画布对象。首次调用创建的是显示在屏幕上的画布,之后调用创建的都是离屏画布。
返回值:Canvas,画布对象。

Canvas

属性

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

方法

Canvas.getContext

该 API 使用方法为 Canvas.getContext(string contextType, Object contextAttributes)
功能描述:获取画布对象的绘图上下文。
参数及说明:
string contextType,上下文类型,合法值如下:
说明
2d
2d 绘图上下文
webgl
webgl 绘图上下文
webgl2
webgl2 绘图上下文
Object contextAttributes,webgl 上下文属性,仅当 contextType 为 webgl 时有效。
属性
类型
默认值
必填
说明
antialias
boolean
false
表示是否抗锯齿
preserveDrawingBuffer
boolean
false
表示是否绘图完成后保留绘图缓冲区
antialiasSamples
number
2
抗锯齿样本数。最小值为 2,最大不超过系统限制数量,仅 iOS 支持
返回值:RenderingContext, 绘图上下文。

Canvas.toDataURL

该 API 使用方法为 Canvas.toDataURL()
功能描述:把画布上的绘制内容以一个 data URI 的格式返回。
返回值:string,data URI 格式的字符串。

RenderingContext

功能描述:画布对象的绘图上下文。
通过 Canvas.getContext('2d') 接口可以获取 CanvasRenderingContext2D 对象,实现了 HTML Canvas 2D Context 定义的大部分属性、方法。
通过 Canvas.getContext('webgl') 接口可以获取 WebGLRenderingContext 对象,实现了 WebGL 1.0 定义的所有属性、方法、常量。
通过 Canvas.getContext('webgl2') 接口可以获取 WebGL2RenderingContext 对象,实现了 WebGL 2.0 定义的所有属性、方法、常量。
2d 接口支持情况
iOS/Android 不支持的 2d 属性和接口
globalCompositeOperation 不支持以下值: source-in source-out destination-atop lighter copy。如果使用,不会报错,但是将得到与预期不符的结果。
isPointInPath
isPointInStroke
setLineDash
getLineDash
lineDashOffset
shadowColor
shadowBlur
shadowOffsetX
shadowOffsetY
WebGL 接口支持情况
压缩纹理的支持
iOS 支持 pvr 格式
Android 支持 etc1 格式






帮助和支持

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

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

文档反馈