当前位置:   article > 正文

关于 Threejs 贴图跨域问题解决办法_three.js 跨域 加载不了图片

three.js 跨域 加载不了图片

 

three.js 贴图时一直报"DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.",   

 

这是因为canvas在画图时会图片存在跨域,但是在three.js中并没有进行处理,所以是可以通过修改three.js源码,设置 image.crossOrigin=''; 处理canvas的跨域问题 具体步骤如下:

1. 找到 threejs  源码  threejs.module.js 文件 打开

 

2. CTRL +  F  查找到  ImageLoader.prototype

 

3. 到 ImageLoader.prototype  类的 return 之前(向下滑)

    在红框处 加上一句  image.crossOrigin=''; 保存, 就解决了跨域问题

 

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/687624
推荐阅读
相关标签
  

闽ICP备14008679号