将图像导出到 canvas（google-store）

Question

我需要将 google 商店图像添加到 canvas。但是向图像添加 "crossOrigin" 属性会出错。没有它工作的属性。例子：

Answer 1

您的存储桶或 object cors 策略是什么样的？

您可以使用以下命令验证它是否正确：

gsutil cors get gs://example-bucket

我看到您正试图将其设置为匿名，我认为这可能不是正确的做法。如果您希望所有域都可以访问您的存储桶，那么您可能必须将其设置为 *。但是您需要在存储桶或存储桶 object 本身中执行此操作。要在存储桶中的所有 object 中设置 cors header，您可以使用以下命令：

gsutil cors set cors-json-file.json gs://example-bucket

其中 cors-json-file.json 内容应如下所示：

[
    {
      "origin": ["http://example.appspot.com"],
      "responseHeader": ["Content-Type"],
      "method": ["GET", "HEAD", "DELETE"],
      "maxAgeSeconds": 3600
    }
]

参见：https://cloud.google.com/storage/docs/configuring-cors

将图像导出到 canvas（google-store）

Export image Cross to canvas (google-store)

canvas

image

cross-domain

google-cloud-storage

google-cloud-platform