未捕获错误：SECURITY_ERR：DOM异常18在WebGL中应用具有Three.js的纹理时

Question

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

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

如何使其工作，以便网络服务器实际上可以正确地为页面服务？

Answer 1

我玩了三次.js，但我担心我对JavaScript不好。

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

Answer 2

它应该在托管在Web服务器上时工作，并且图像是从同一个域获取的（正如您在python -m SimpleHTTPServer案例中看到的那样）。我不知道VM服务器发生了什么，是否正在进行某种虚拟主机重定向？ （如：网页请求http://foobar/image.png，服务器302重定向到http://cdn/image.png）

如果你在某处有测试用例，我可以看看。