javascript - WebGL 中 Uncaught Error : SECURITY_ERR: DOM Exception 18 When applying textures with Three. js

Question

我正在关注this tutorial开始使用 webGL 和 Three.js。我的问题是添加行 map: THREE.ImageUtils.loadTexture("images/article.png"), Chrome 引发 Uncaught Error: SECURITY_ERR: DOM Exception 18.

我知道这是由于跨域引用造成的，但我是从具有 LAMP 设置的虚拟机提供此服务，那么它怎么可能是交叉引用呢？我可以通过在主机上执行 python -m SimpleHTTPServer 来使其工作，然后打开 http://localhost:8000/Particles.html在 Chrome 中，但如果该解决方案仅适用于本地服务器，则该解决方案毫无用处。

如何让它工作，以便网络服务器能够真正正确地服务页面？

Answer 1

我玩过一点 Three.js，但恐怕我不太擅长 JavaScript。

不过，我认为你应该给 Max Novakovic's getImageData API 。如果有帮助的话，disturb media blog 上有一篇简短的文章关于它。