three.js 加载跨域文件的解决方法
·
当我们使用thee.js的时候肯定会碰到利用各种请求去向服务器请求贴图。我们要获取的图片是在服务器上的路径。
threejs会报错（”Failed to execute ‘texImage2D’ on ‘WebGLRenderingContext’: tainted canvases may not be loded.”）
要解决这个问题只要设置Image的crossOrigin属性即可。于是从网上查这个属性的设置，有两种CORS模式，一是“anonymous”（匿名模式），另一种是“use-credentials”（用户授权证书模式)。threejs给我们设置的是undefind。
这个一般是安全问题，解决方法就是我们翻到three.js的源码把对应的loader.setCrossOrigin( this.crossOrigin ); 代码换成*loader.setCrossOrigin( ‘Anonymous’ );
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
2
0- 0
已为社区贡献7条内容
所有评论(0)