fabric js的SetBackgroundImage如何设置cross-Origin

Question

我正在尝试从 amazon s3 存储桶中获取图像。我已经使用 CORs header.

配置了我的存储桶

<?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 背景图片设置如下：

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

它适用于 chrome，Mozilla 适用于 windows，但不适用于 Mac 的 Safari。

我不明白，我哪里错了。请指正。

Answer 1

我已经添加了评论，但这个问题看起来像这样。解决方案是在第一个请求中也设置跨域。

fabric js的SetBackgroundImage如何设置cross-Origin

How to set cross-Origin in SetBackgroundImage of fabric js

cross-domain

fabricjs