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

这里写图片描述

评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值