html - https 上的 context.getImageData()？

Question

我对本地主机上的这篇文章 context.getImageData() 有同样的问题吗？，但不是 localhost 我在 https 站点上工作，所以这会引发画布问题。这种情况有解决方案吗？

Answer 1

当您尝试从跨不同域加载的图像中获取数据时，就会出现这些问题。

解决此问题的一种方法（如果您是控制提供图像的人）是启用 CORS（跨源资源共享）。这基本上是在服务图像中添加一个 Access-Control-Allow-Origin 标头。

您可以在http://www.w3.org/TR/cors/中阅读所有相关信息。您的用例在http://www.w3.org/TR/cors/#use-cases的“不污染画布元素”部分中有具体描述。

在http://enable-cors.org/中有一个很好的资源来了解如何启用 CORS 。如果您正在运行 apache 实例，最简单的方法是使用 .htaccess 文件来启用标头。

但是，如果您无法控制所提供的图像，那么您可能需要获得使用它们的许可，并可能将它们复制到您自己的服务器上。