如何在Fabric JS的SetBackgroundImage中设置跨域

Question

我正在尝试从Amazon s3存储桶中获取图像。 我已经为bucket配置了CORs标头。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
 <CORSRule>
   <AllowedOrigin>*</AllowedOrigin>
   <AllowedMethod>GET</AllowedMethod>
   <AllowedMethod>PUT</AllowedMethod>
   <AllowedMethod>POST</AllowedMethod>
   <AllowedMethod>DELETE</AllowedMethod>
   <MaxAgeSeconds>2592000</MaxAgeSeconds>
   <AllowedHeader>*</AllowedHeader>
 </CORSRule>
</CORSConfiguration>

我的画布背景图像设置如下：

canvas.setBackgroundImage(ImageURL, function () {canvas.renderAll();},
{
   top: top,
   left: left,
   scaleX: scaleFactor,
   scaleY: scaleFactor,
   crossOrigin: 'anonymous'
});

它可以在Windows中的chrome和Mozilla中使用，但不能在Mac上的Safari中使用。

我不明白，我错了。 请纠正我。

Answer 1

我已经添加了评论，但仍然是这个问题。 一种解决方案是在第一个请求中也设置跨域。