將 s3 圖像轉換為 Canvas

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

嘗試在您的 web 瀏覽器中打開開發人員工具並檢查網絡選項卡。 它應該讓您知道請求是否失敗以及狀態代碼。