使用SVG从Canvas获取数据URL（在同一域上）导致安全错误

Question

在我的JavaScript应用程序的一些测试中，我想检查画布是否正确绘制。 在画布上绘制了一些与脚本来自同一域的SVG图像。

为此，我将画布的toDataURL()方法的结果与预期图像的结果进行比较。

尽管这在Firefox中可以正常工作，但会在Chromium（ Uncaught Error: SecurityError: DOM Exception 18 ）和Internet Explorer（ SCRIPT5022: SecurityError ）中导致安全错误。

有没有办法通过HTTP标头，浏览器选项或其他任何方式来绕过此限制？

因为它将仅用于测试应用程序，所以我不在乎它是否会从浏览器中删除某些安全性。

我至少希望能够在IE中做到这一点，因为我不得不使用一些技巧来使应用程序正常工作，但是我也很高兴能够在Chrome中执行这些测试。

Answer 1

附加以下标志以绕过Chromium中的同源策略：

• chrome.exe- --allow-file-access-from-files

使用快捷方式或命令行别名在两种模式之间切换。

对于IE，请将两个站点都添加到“受信任的站点”区域：

• 添加或删除网站