将画布保存为PNG的问题

Question

我们正在将fabric.js用于一个TShirt设计门户。 当我在任何按钮上使用canvas.toDataURL('image/png')时，只会在Google Chrome上为我提供“DOM例外18”。在firefox上工作得非常好。

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

Answer 1

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

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

Chrome正在执行此操作，以防止黑客拍摄您的银行登录屏幕图像并使用它来窃取您的银行密码。

您可以通过在与toDataURL调用相同的域中发起您要保存的图片来满足Chrome。

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

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

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