开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >关于 Threejs 贴图跨域问题解决办法

关于 Threejs 贴图跨域问题解决办法

作者头像

Fivecc

发布于 2022-11-20 13:51:48

1K0

发布于 2022-11-20 13:51:48

举报

文章被收录于专栏：前端ACE前端ACE

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=''；保存，就解决了跨域问题

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-12-29，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

1. 找到 threejs 源码 threejs.module.js 文件打开
2. CTRL + F 查找到 ImageLoader.prototype
3. 到 ImageLoader.prototype 类的 return 之前（向下滑）
在红框处加上一句 image.crossOrigin=''；保存，就解决了跨域问题