收藏
回答

canvas 2d 多个createImage 真机onload不触发?

问题类型 API/组件名称 终端类型 微信版本 基础库版本
Bug canvas.createImage() 微信安卓客户端 3.1.2(14198) 2.10.1

正常情况多个img的onload都会执行,并绘制在canvas中,但是代码片段的3个图片就第一个正常打印和绘制;微信版本小程序是正常的,已经修复,是不是企业版本小程序的没有同步修复此问题!!!!

 // 图片一
        const img1 = canvas.createImage()
        img1.onload = () => {
          console.log('image加载1')
          ctx.drawImage(img1, 00212 * pixelRatio, 252 * pixelRatio);
        }
        img1.src =
          'https://04imgmini.eastday.com/mobile/20200221/20200221145849_ec140e3a1e41ed934380fce0f7812e33_1.jpeg'
        // 图片二
        const img2 = canvas.createImage()
        img2.onload = () => {
          console.log('image加载2')
          ctx.drawImage(img2, 0252 * pixelRatio, 212 * pixelRatio, 252 * pixelRatio);
        }
        img2.onerror = (res) => {
          console.log('图片二加载失败',res)
        }
        img2.src = 'https://04imgmini.eastday.com/mobile/20200221/20200221145849_ec140e3a1e41ed934380fce0f7812e33_1.jpeg'
        // 图片三
        const img3 = canvas.createImage()
        img3.onload = () => {
          console.log('image加载3')
          ctx.drawImage(img3, 0500 * pixelRatio, 212 * pixelRatio, 252 * pixelRatio);
        }
        img3.onerror = (res) => {
          console.log('图片三加载失败',res)
        }
        img3.src = 'https://04imgmini.eastday.com/mobile/20200221/20200221145849_ec140e3a1e41ed934380fce0f7812e33_1.jpeg'
 
最后一次编辑于  2021-03-04
回答关注问题邀请回答
收藏

1 个回答

  • ㅤ
    2021-05-27

    无人问津

    2021-05-27
    有用
    回复
登录 后发表内容
问题标签