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：开发者工具暂不支持该能力，请用真机扫码调试。
点击纠错
评价此篇文档