小程序canvas 2d 绘图无法drawImage图片?

我只是一个虾纸丫 提交于 2021-01-09 11:03:39

小程序canvas 2d 绘图无法drawImage图片?

微信iOS 7.0.20 版本 使用canvas 2d 绘制drawImage时无法成功绘制,图片不显示,img1.onload不执行,执行了img1.onerror函数,img对象无法onload成功,微信iOS 7.0.18是正常的。

代码如下(示例):

var qt = wx.createSelectorQuery();
    qt.select('#bbs').fields({
   
    node: true, size: true }).exec((res) => {
   
   
      let canvas = res[0].node;
      canvas.width = self.page.data.windowWidth;
      canvas.height = self.page.data.windowHeight;
      let layer = canvas.getContext('2d');
      let img1 = canvas.createImage();
      img1.src = '/image/2.png';
      img1.onload = function (res) {
   
   
        console.log('onload成功')
        layer.drawImage(img1, 300, 10, 300, 300);
          //方法不执行
      }
      img1.onerror = function (res) {
   
   
        console.log('onload失败')
        //实际执行了此方法
      }


    })

在这里插入图片描述

这是ios7.0.20的bug,目前官方发布了ios 7.0.21,修复了canvas的问题,将微信版本更新至7.0.21即可解决。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!