Javascript 将图像从Google Drive加载到HTML画布会导致画布被污染

当我从Google Drive将图像加载到画布时，如下所示：

var folderID = "0B5Oh0J4bIygXUVNCa3JOVlc1WU0";
var sprt = new Image();
sprt.src = 'https://googledrive.com/host/' + folderID + '/ground1.png';

然后，当我尝试在画布上渲染此图像时，会收到一条错误消息，指出画布由于跨原点错误而受到污染。有没有一种方法可以让我从Google Drive加载图像

我设置了以下内容，但它不起作用：

sprt.crossOrigin = "Anonymous";

---

包含该文件的文件夹也设置为公共访问

您需要在bucket上设置一个CORS配置，其中包含您希望与之共享bucket的所有来源，以及您希望在该bucket上允许的请求方法

您必须有一个服务器承载具有适当访问控制允许源标题的图像。添加crossOrigin属性会生成请求头

---

以下是示例。

您需要在bucket上设置一个CORS配置，其中包含您希望与之共享bucket的所有来源，以及您希望在该bucket上允许的请求方法

您必须有一个服务器承载具有适当访问控制允许源标题的图像。添加crossOrigin属性会生成请求头

---

以下是示例。

如果要授权用户，然后从用户的存储桶中加载图像，最好使用代理。如果要授权用户，然后从用户的存储桶中加载图像，您最好使用代理。您可以尝试此操作并使用CORS示例检查和文件。您可以尝试此操作并使用CORS示例检查和文件。