首页 > 解决方案 > 将图像交叉导出到画布(谷歌商店)

问题描述

我需要将谷歌商店图像添加到画布。但是向图像添加“crossOrigin”属性会出错。没有它的工作属性。例子: 代码截图

标签: imagecanvasgoogle-cloud-platformgoogle-cloud-storagecross-domain

解决方案


您的存储桶或对象关联策略是什么样的?

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

gsutil cors get gs://example-bucket

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

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


推荐阅读