three.js 贴图时一直报"DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.", 在网上搜索了半天,基本的解决办法都是通过在服务器里面加
Access-Control-Allow-Origin为 *,然而无论如何都无效,经过不断的排查,发现是因为canvas在画图时会图片存在跨域,但是在three.js中并没有进行处理,于是修改three.js源码,在THREE.ImageLoader.prototype 类中return 之前加入 image.crossOrigin='*', 提交测试 ,发现在火狐浏览器中问题已经解决,但是在google中问题依旧还是存在,于是又开始查资料,发现在google中,设置 image.crossOrigin=''即可,提交测试,完美解决!
three.js 贴图为图片时跨域问题
最新推荐文章于 2024-06-24 13:38:29 发布