将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权限有关，我使用的是s3 aws-sdk的getObject。

Answer 1

尝试在web浏览器中打开开发工具并检查网络选项卡。它应该会告诉您请求是否失败以及状态代码。