KonvaJS toDataURL 场景导出到图像不适用于谷歌云图像

问题描述 投票:0回答:1

我有 Konva 场景,其 url 指向 google 的图像可以存储桶。图片是公开的,可以通过浏览器简单地通过 URL 打开。尝试使用

导出场景时

场景.toDataURL()

我收到 CORS 错误。

根据 Konva 文档的 解决方案 我尝试将图像元素的 crossOrigin 设置为匿名,但它没有帮助,我收到错误:

CORS 标头“Access-Control-Allow-Origin”丢失

我正在考虑在页面渲染之前从存储桶中预加载图像,并将其数据与上下文粘贴在一起,但希望有更简单的解决方案,提前致谢。

html5-canvas google-cloud-storage konvajs
1个回答
0
投票

有关更多详细信息,您可以阅读以下内容:https://konvajs.org/docs/posts/Tainted_Canvas.html

在您的情况下,您需要配置 Google 云映像,因此您的域是在 CORS 设置中配置的(或允许所有域)。

我认为谷歌云文档是找到解决方案的最佳地点。

https://cloud.google.com/storage/docs/using-cors

https://cloud.google.com/storage/docs/cross-origin

© www.soinside.com 2019 - 2024. All rights reserved.