getImageInfo加载网络图片在画布绘制不显示 也没有异常提示？

<canvas id="canvas"></canvas>

getImageInfo() {
    const ctx = wx.createCanvasContext('canvas');
    wx.getImageInfo({
      src: 'https://img3.chouti.com/CHOUTI_20211029/19087F13E8CA40E0AF5E80BC54655E82_W1080H1920.jpg',
      fail: (error) => {
        console.log("--error:" + error)
      },
      success(res) {
        console.log("--path:" + res.path)
        var headUrl = res.path;
        console.log("--ctx:" + ctx)
        ctx.drawImage(headUrl, 0, 0, 400, 600);
        ctx.draw()
      }
    })
  },

打印结果 --path: http://tmp/dVT8YrdqjD4v15a4aace736a45f938311364dc2800ba.jpg 点击地址在微信开发者工具中可以正常显示图片，已经将图片域名地址添加到合法域名，请求过程也没有出现任何异常提示，不知道为什么在画布上绘制一直不显示？？