1

我们将 fabric.js 用于一个 TShirt 设计门户。当我canvas.toDataURL('image/png')在任何按钮上单击时，它只会在 Google Chrome 上给我“DOM 异常 18” 。在firefox上工作得很好。

将画布保存为支持 chrome 的 PNG 的方法是什么？

4

1 回答 1

2

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

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

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

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

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

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

http://www.html5rocks.com/en/tutorials/cors/

于 2013-07-19T15:57:09.937 回答