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

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)