将s3图像转换为画布

Question

代码：

   var myCanvas = document.createElement('canvas');
      myCanvas.width = 596;
      myCanvas.height = 350;
      var ctx = myCanvas.getContext('2d');

      var img = new Image();
      img.crossOrigin = "Anonymous";
      img.src = url;

      img.onload = function(){
        ctx.drawImage(img,0,0);
      };

      let dt = myCanvas.toDataURL('image/jpg');

      var aLink = document.createElement('a');
      aLink.href = dt;
      aLink.download = 'fixed_photo.jpg';
      aLink.click();

结果：

它下载一个空的Canvas，而不是从URL下载图像。我猜这与s3权限有关，我正在使用S3 aws-sdk的getObject。

Answer 1

尝试在网络浏览器中打开开发人员工具，然后检查“网络”标签。它应该让您知道请求是否失败以及状态代码。