html - canvas.toDataURL() 导致安全错误

Question

我正在通过 KineticJS's 使用 HTML5 Canvas 和 .toDataURL() 函数.toDataURL() 方法。 Canvas 使用我的用户上传到站点的图像，这些图像存储在不同的机器和子域 farm1.domain.com 上。

问题 当调用 .toDataURL() 时，出现错误

SECURITY_ERR: DOM Exception 18 

有解决办法吗？如果用户通过 domain.com 访问页面并且图像托管在 www.domain.com，我也会遇到同样的问题。

尝试:

我在 virtualhost 中的 httpd.conf 中添加了以下行并重新启动了 apache 服务。

Header add Access-Control-Allow-Origin "http://www.domain.com"
Header add Access-Control-Allow-Origin "http://domain.com"
Header add Access-Control-Allow-Origin "http://farm1.domain.com"

从 domain.com 上的页面访问托管在 www.domain.com 上的图片时，我仍然遇到同样的错误!在 KineticJS 中有解决这个问题的方法吗？

Answer 1

您需要将 Access-Control-Allow-Origin header 添加到您正在加载的图像中，而不是添加到正在加载它们的页面中。有关此 header 和一般 CORS 的详细信息，您可能需要阅读“CORS isn't just for XHR”，其中专门讨论了此问题。