tt.createCanvasContext

收藏

我的收藏

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

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

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

语法

tt.createCanvasContext(canvasId)

参数说明

canvasId

类型	默认值	必填	说明	最低支持版本
string		是	组件的 canvas-id 属性	1.0.0

返回值

CanvasContext

扫码体验

代码示例

开发者工具中预览

<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

• Tip：本 API 仅适用于 组件 V1。