开发
API

tt.createCanvasContext

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

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

语法

tt.createCanvasContext(canvasId)

参数说明

参数类型默认值必填说明最低支持版本
canvasIdstring组件的 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

点击纠错
评价此篇文档