开发
API

Canvas.createImage

基础库 1.87.0 开始支持本方法,低版本需做兼容处理。这是一个同步方法。

创建一个图片对象。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

语法

Canvas.createImage()

参数说明

返回值

Image

代码示例

<!-- 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";
  },
});

Bug & Tip

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