OffscreenCanvas.getContext

收藏

我的收藏

OffscreenCanvas.getContext(type)

<!-- index.html -->
<button type="primary" size="default" bindtap="createOffscreenCanvas">
  createOffscreenCanvas
</button>
<canvas id="myCanvas" type="2d"></canvas>

let canvas, canvasCtx, animateId, offcanvas, offctx;
Page({
  onReady() {
    tt.createSelectorQuery()
      .select("#myCanvas")
      .node()
      .exec((res) => {
        canvas = res[0].node;
        canvasCtx = canvas.getContext("2d");
      });
  },
  createOffscreenCanvas() {
    offcanvas = tt.createOffscreenCanvas();
    offctx = offcanvas.getContext("2d");
    offcanvas.width = 100;
    offcanvas.height = 100;
    offctx.rect(0, 0, 100, 100);
    offctx.fillStyle = "red";
    offctx.fill();
    canvasCtx.drawImage(offcanvas, 0, 0);
  },
});