未捕获的错误:SECURITY_ERR: DOM Exception 18当在WebGL中应用纹理与Three.js

Uncaught Error: SECURITY_ERR: DOM Exception 18 When applying textures with Three.js in WebGL

本文关键字：应用 WebGL 当在 纹理 js Three DOM 错误 SECURITY ERR Exception      更新时间：2023-09-26

我正在学习如何使用webGL和three.js。我的问题是当添加map: THREE.ImageUtils.loadTexture("images/particle.png"), Chrome引发Uncaught Error: SECURITY_ERR: DOM Exception 18.

时

我知道这是由于跨域引用，但我是从一个vm与LAMP设置服务，所以它怎么可能是一个交叉引用?我可以通过在主机上做python -m SimpleHTTPServer，然后在chrome中打开http://localhost:8000/Particles.html，但这个解决方案是无用的，如果它只适用于本地服务器。

如何使它工作，使web服务器可以实际服务器正确的页面?

我玩过一点three.js，但恐怕我不是很擅长JavaScript。

不过，我认为你应该给Max Novakovic的getImageData API。如果有帮助的话，打扰媒体博客上有一篇关于它的短文。

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

如果你有一个测试用例，我可以看看。

相关文章：