收藏
回答

真的想吐槽,小程序不能使用new image,那canvas-2d中drawImage怎么使用?

小程序不能使用new image,那canvas-2d中drawImage怎么使用。。。。。求解答。

回答关注问题邀请回答
收藏

2 个回答

  • 没有对你笑别和我闹.
    没有对你笑别和我闹.
    2023-02-08

    目前可以使用canvas.createImage生成image对象来解决canvas导入base64图片的问题,目前测试有效。

    wx.createSelectorQuery()
     .select('#canvas')
     .fields({ nodetruesizetrue })
     .exec((res) => {
      const canvas = res[0].node
      const ctx = canvas.getContext('2d');
      let img = canvas.createImage(); // 注意是使用canvas实例 不是ctx
      img.src = base64String; // 带编码的头信息的base64字符 data:image/png;base64,xxx
      img.onload = () => {
        ctx.drawImage(img, 1000100100);
        }
      })
    }
    


    2023-02-08
    有用
    回复
  • 昱霖君คิดถึงคุณ
    昱霖君คิดถึงคุณ
    2020-06-15

    早期canvas的drawimage只能传入文件路径

    新版canvas 2D就和浏览器的一致了,不过是通过Canvas.createImage仿的new Image

    2020-06-15
    有用
    回复 1
    • Starry
      Starry
      2020-11-12
      这个方法怎么加载base64的图片呢 我试过不行
      2020-11-12
      回复
登录 后发表内容
问题标签