将画布保存为 PNG 的问题

【问题标题】：Issue with saving canvas as PNG将画布保存为 PNG 的问题
【发布时间】：2013-07-18 13:33:11
【问题描述】：

我们将 fabric.js 用于一个 TShirt 设计门户。当我在任何按钮上使用 canvas.toDataURL('image/png') 时，它只会在 Google Chrome 上给我 "DOM exception 18"。在 Firefox 上运行良好。

如何将画布另存为支持 chrome 的 PNG？

【问题讨论】：

【解决方案1】：

当您尝试使用 toDataUrl 保存从另一个域检索到的图像时，您遇到了 Chrome 安全错误。

这被“亲切地”称为 CORS 错误（跨域资源共享）。

Chrome 这样做是为了防止黑客获取您的银行登录屏幕的图像并使用它来窃取您的银行密码。

您可以通过在与 toDataURL 调用相同的域中创建您尝试保存的图像来满足 Chrome。

或者，您可以将托管图像的服务器设置为允许跨域请求。

这是一篇关于如何做到这一点的博客文章：

【讨论】：