tt.createCanvasContext
收藏
我的收藏

基础库 1.0.0 开始支持本方法,这是一个同步方法。

注意:该接口已停止维护,建议使用 Canvas 组件 V2

根据 组件 canvas-id 创建可以控制组件的上下文 CanvasContext 对象。

语法

tt.createCanvasContext(canvasId)

参数说明

canvasId

类型

默认值

必填

说明

最低支持版本

string


组件的 canvas-id 属性

1.0.0

返回值

CanvasContext

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<button type="primary" size="default" bindtap="draw">开始绘制</button> <canvas canvas-id="myCanvas"></canvas>

Page({ draw() { const canvasCtx = tt.createCanvasContext("myCanvas"); canvasCtx.setFillStyle("red"); canvasCtx.fillRect(10, 10, 100, 100); canvasCtx.draw(); }, });

Bug & Tip

该文档是否有帮助?