Canvas.createImage

收藏

我的收藏

Canvas.createImage()

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

// index.js
let canvas, canvasCtx;
Page({
  onReady() {
    const query = tt.createSelectorQuery();
    query
      .select("#myCanvas")
      .fields({
        node: true,
      })
      .exec((res) => {
        canvas = res[0].node;
        canvasCtx = canvas.getContext("2d");
      });
  },
  createImage() {
    const image = canvas.createImage();
    image.onload = () => {
      canvasCtx.drawImage(image, 0, 0);
    };
    image.onerror = (err) => {
      console.log("## image error ##", err);
      tt.showModal({
        title: "error",
        content: `${JSON.stringify(err)}`,
      });
    };
    image.src = "https://s3.pstatp.com/toutiao/static/img/logo.271e845.png";
  },
});