我想创建一个小页面，人们可以在其中创建万花筒。我使用可用的脚本并添加了一些图像浏览和保存功能。现在，我在将生成的画布数据保存为图像时遇到了一个奇怪的问题。
火狐控制台说：
SecurityError：操作不安全
- 调用失败：Canvas2Image.saveAsPNG(oCanvas);
即使对于来自我自己网站的图片也会发生这种情况 - 那是什么？？？
我查看了 stackoverflow 中找到的一些提示。他们谁也帮不上忙。
- CORS 并不能解决问题。
- .htaccess 条目无效：标头始终设置 Access-Control-Allow-Origin *
另一个人似乎也有同样的问题：如何允许跨域访问 imgs 和 canvas？
有人能帮我解决这个奇怪的事情吗？
多谢！
这是测试站点：http://www.13lumen.de/kaleidoscopytest
为了完成 CORS 兼容性...
在客户端，您还必须设置 Image 对象的 crossOrigin 属性。
var img = new Image();
img.crossOrigin="anonymous";
img.src="yourImage.png";
因此，您还需要在 canvas2Image.js 中设置 crossOrigin 属性（大约第 158 行）。
其他好的参考
这是在您的网站上启用跨域传输的好链接：
http://enable-cors.org/
配置站点后，使用它来测试 CORS 兼容性：
在您自己的网站符合 CORS 要求之前，您可以使用 dropbox.com 来测试您的网站。
- 注册免费的 dropbox.com 帐户。
- 暂时将您的图像放在“公共”文件夹中。
- 右键单击任何公共图像并“复制该文件的公共链接”。
- 在客户端：使用 crossOrigin="anonymous" 属性加载图像。
- 您的图像将暂时符合 CORS！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
