概述
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 贴图为图片时跨域问题的全部内容，希望文章能够帮你解决three.js 贴图为图片时跨域问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复