收藏
回答

canvas drawImage渲染网络图片不显示?

在真机上,canvas 2d 渲染本地图片能显示出来,但渲染网络图片(已通过getImageInfo/downloadFile获取本地临时链接)时为空白的

在真机上都没有进入onload和onerror的回调函数

const img = canvas.createImage();

img.src = 图片临时路径;

img.onload = () => {
  ctx.drawImage(img, 0, 0, 296, 492);
}
img.onerror = (err) => {
  console.log(err)
}


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

1 个回答

  • 王志鹏
    王志鹏
    11-11

    图片是否有配置download合法域名   打印控制台看看返回的什么?

    11-11
    赞同
    回复 7
    • Monkeys.🙊
      Monkeys.🙊
      11-11
      域名都有配置,控制台返回了图片的临时路径
      11-11
      回复
    • 王志鹏
      王志鹏
      11-11回复Monkeys.🙊
      开发工具可以 真机无法显示吗?
      11-11
      回复
    • Monkeys.🙊
      Monkeys.🙊
      11-11回复王志鹏
      是的,在开发工具上都有显示,在真机上没有,Android和ios都没有
      11-11
      回复
    • 王志鹏
      王志鹏
      11-11回复Monkeys.🙊
      图片是https开头吗?  var imgs = img.replace("http:", "https:");   处理一下试试
      11-11
      回复
    • Monkeys.🙊
      Monkeys.🙊
      11-11
      图片地址就是https的...
      11-11
      回复
    查看更多(2)
问题标签