html - 使用路径 file:// 的 canvas html5 kineticJS 中的跨域错误

Question

我想从我的画布创建图像，我正在使用 kineticjs，但出现错误：“动力学警告：无法获取数据 URL。无法在 'HTMLCanvasElement' 上执行 'toDataURL'：可能无法导出受污染的画布。” 我想，这是由跨域错误引起的。在画布中，我使用本地保存的图像，地址路径以“file://..”开头。有没有解决方案如何在不安装 apache 的情况下创建图像？谢谢。

Answer 1

您的本地硬盘驱动器被浏览器视为“其他域”并且会污染 Canvas。

这是好事！您不希望恶意代码获取您个人驱动器上的内容。

一些解决方法：

• 在您的计算机上安装 Web 服务器。

• 将您的图像和与您的 Web 应用程序关联的所有文件放在桌面上（这可能/可能没有帮助，具体取决于您从哪里开始获取图像）。

• 在允许匿名跨域访问您的图像的站点上临时托管您的图像。