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’ );

这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_41111068/article/details/82080780
今日推荐