收藏
回答

canvas 2d createImage创建图片对象后,使用onload加载图片速度慢?

Android 微信版本 8.0.37

let img = canvas.createImage();

const ctx = canvas.getContext('2d');

wx.downloadFile({

url: url, //网络图片

success:(res) => {

img.src = res.tempFilePath;

img.onload = () => {

let imgSize = this.canvasImgMode(mode,img,width,height);

ctx.drawImage(img, imgSize.sx,imgSize.sy,imgSize.sw,imgSize.sh, x, y, imgSize.width, imgSize.height);

reslove(imgSize);

}

},

fail(error) {

console.log(error)

reslove()

}

});

图片加载速度慢

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

1 个回答

  • 夏落
    夏落
    2023-06-06

    wx.downloadFile 这一步可以不需要的,再去看看速度如何

    2023-06-06
    有用
    回复 5
    • FMSHME
      FMSHME
      2023-06-07
      获取网络图片需要吧,目前发现是图片onload的时候有时比较慢,但又不知道怎么解决
      2023-06-07
      回复
    • 夏落
      夏落
      2023-06-07回复FMSHME
      可以不要的;是不是图片本身很大?
      2023-06-07
      回复
    • FMSHME
      FMSHME
      2023-06-07
      最大的108k,就是图片有点多
      2023-06-07
      回复
    • 夏落
      夏落
      2023-06-07回复FMSHME
      提供个代码片段看看
      2023-06-07
      回复
    • FMSHME
      FMSHME
      2023-06-07
      上边是加载图片的代码,外面会循环多次调用,一个canvas中大概绘制了14个以上图片,其中三个固定的节目封面图,其余是各个播出平台的图标,有什么方法可以缩短他们的加载时间
      2023-06-07
      回复
登录 后发表内容