收藏
回答

如何解决canvas.createImage() 真机总是加载失败问题?

本地开发,昨天我手机扫码预览还是好的,今天就总是图片加载失败。

原本是加载大尺寸的图片,尝试换了小的图片也不行

            let canvas = null
            let ctx = null,spriteImage = null
            wx.createSelectorQuery()
                .select('#d-canvas')
        .fields({ nodetruesizetrue })
        .exec(async (res) => {
          if (!res[0]) return
          
          canvas = res[0].node
          ctx = canvas.getContext('2d')
          
          // 设置 Canvas 尺寸
          canvas.width = 300
          canvas.height = 150
          
          // 加载图
          spriteImage = canvas.createImage()
    
          spriteImage.onload = () => {
            console.log('图片加载成功')
            ctx.clearRect(00300150)
    
            // 绘制当前帧
            ctx.drawImage(spriteImage, 0030015000300150 )
          }
          spriteImage.onerror = (err) => {
            console.error('图片加载失败:', err)
          }
          spriteImage.src = 'https://vod.fubaorobot.com/bigRobot/000000/44fc10ee-9283-4544-b5cc-9759a5bab775.png'
          
        })



最后一次编辑于  01-16
回答关注问题邀请回答
收藏

1 个回答

  • 智能回答 智能回答 本次回答由AI生成
    01-16
    有用 1
    回复
登录 后发表内容