开发
API

Canvas.getContext

基础库 1.78.0 开始支持本方法,低版本需做兼容处理

该方法返回 Canvas 的绘图上下文。

语法

Canvas.getContext(contextType)

参数说明

string contextType

canvas 上下文类型,必须与对应 canvas 组件 中的 type 属性保持一致。

返回值

RenderingContext

绘图上下文

代码示例

<!-- index.ttml -->
<canvas type="2d" id="myCanvas"></canvas>
// index.js
Page({
  onReady: function (options) {
    tt.createSelectorQuery()
      .select("#myCanvas")
      .node()
      .exec((res) => {
        console.log("--- res", res);
        const canvas = res[0].node;
        const canvasCtx = canvas.getContext("2d");
        // 可调用 canvas 2d 上下文的API
        canvasCtx.fillStyle = "red";
        canvasCtx.fillRect(0, 0, 50, 50);
      });
  },
});

Bug & Tip

  • Tip:开发者工具暂不支持该能力,请用真机扫码调试。
点击纠错
评价此篇文档