情景:
想给一个平面 plane 进行贴图,
进行下面的操作,想把一张图片贴在plane上面;
var planeMaterial = new THREE.MeshPhongMaterial( { map: THREE.ImageUtils.loadTexture('./blue.jpg') } );
问题:
执行之后,plane 一片黑乎乎的,没有成功,查看控制台,已经报错了,信息如下:
DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.
解决方法:
项目需要在服务器的环境下执行,把项目迁移到服务器中,然后再执行,已经OK了;
在尝试将图片作为纹理贴到Three.js的平面对象上时遇到DOMException错误,详细错误信息为“Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded”。此问题通常发生在本地开发环境中,解决方法是将项目部署到服务器上运行。
2万+

被折叠的 条评论
为什么被折叠?



