Преобразование изображения 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();

Результат:

Он загружает пустой холст вместо изображения из URL-адреса. я предполагаю, что это как-то связано с разрешением s3, я использую getObject из S3 aws -sdk.

Answer 1

Попробуйте открыть инструменты разработчика в своем браузере и проверьте вкладку сети. Он должен сообщить вам, если запрос завершился неудачно, и код состояния.