Failed to execute 'texImage2D' on 'WebGLRenderingContext'

three.js:27461 DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded. at THREE. Failedtoexecute'texImage2D'on'WebGLRenderingContext':Taintedcanvasesmaynotbeloaded. 菜鸟karroy 于 2019-03-1316:53:18 发布 7486 收藏 分类专栏： three.js学习 文章标签： three.js WebGL 版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_39165556/article/details/88536311 版权 three.js学习 专栏收录该内容 9篇文章 0订阅 订阅专栏 three.js:27461DOMException:Failedtoexecute'texImage2D'on'WebGLRenderingContext':Taintedcanvasesmaynotbeloaded. atTHREE.WebGLState.texImage2D(file:///H:/3d_demo/demo6/js/three.js:27457:18) atuploadTexture(file:///H:/3d_demo/demo6/js/three.js:24063:11) atTHREE.WebGLRenderer.setTexture(file:///H:/3d_demo/demo6/js/three.js:24099:4) atloadUniformsGeneric(file:///H:/3d_demo/demo6/js/three.js:23600:13) atsetProgram(file:///H:/3d_demo/demo6/js/three.js:22985:4) atTHREE.WebGLRenderer.renderBufferDirect(file:///H:/3d_demo/demo6/js/three.js:21955:17) atrenderObjects(file:///H:/3d_demo/demo6/js/three.js:22610:11) atTHREE.WebGLRenderer.render(file:///H:/3d_demo/demo6/js/three.js:22400:4) atanimate(file:///H:/3d_demo/demo6/6-1.html:56:22) 解决办法：在three.js中loader.setCrossOrigin(this.crossOrigin);改为loader.setCrossOrigin("Anonymous");即可。

菜鸟karroy 关注 关注 0 点赞 踩 0 收藏 打赏 0 评论 Failedtoexecute'texImage2D'on'WebGLRenderingContext':Taintedcanvasesmaynotbeloaded. three.js:27461DOMException:Failedtoexecute'texImage2D'on'WebGLRenderingContext':Taintedcanvasesmaynotbeloaded.atTHREE.WebGLState.texImage2D(file:///H:/3d_demo/demo6/js/three.js:274... 复制链接 扫一扫 专栏目录 three.js:Failedtoexecute'texImage2D'on'WebGLRenderingContext解决方案 weixin_30917213的博客 11-29 4081 three.js加载图片时，出现Failedtoexecute'texImage2D'on'WebGLRenderingContext.Taintedcanvasesmaynotbeloaded.的错误 跨域安全问题。

解决办法： 1如果你用的是纹理题图：如： varloader=newTHREE.TextureLoader(); 加上： loader.... Failedtoexecute'texImage2D'on'WebGLRenderingContext 叶巷的博客 05-16 1万+ "Failedtoexecute'texImage2D'on'WebGLRenderingContext"报这个错误是渲染模式的问题，应该把渲染模式转变为canvas就可以了 "renderMode":0, //"renderMode"setstherenderertype,onlyusefulonweb: //0- 参与评论 您还未登录，请先 登录 后发表或查看评论 "Failedtoexecute'texImage2D'on'WebGLRenderingContext':taintedcanvasesmaynotbeloded." koloumi的博客 03-30 4781 最近在研究Three.js的时候碰到的问题在此记录当我们使用thee.js的时候肯定会碰到利用各种请求去向服务器请求贴图。

假设我们获取的是图片在服务器上的路径然后我们用 THREE.ImageUtils.loadTexture加载贴图到这里都是没有问题当我们在贴图加载完成的时候去render(Scene,Camera);获取当它自己刷新的时候就会报错然后我们加载的贴图显示不出来然后浏览器报这个错 DOMException：Failedtoexecute‘texImage2D’on‘WebGLRenderingContext’ qq_34838790的博客 06-18 2812 UncaughtDOMException:Failedtoexecute‘texImage2D’on‘WebGLRenderingContext’:Theimageelementcontainscross-origindata,andmaynotbeloaded. 解决方法1： 将图片转换为Base64编码，直接有效。

可通过以下地址进行在线转换。

http://www.jq22.com/demo/baseToImage201807250139/ 可直接将您代码调用图片的地 uniapp运行app[ERROR]:[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined. 最新发布 xxx 03-21 1589 报错 15:36:03.315[ERROR]:[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined. 15:36:03.316(foundatApp.vue:1)__ERROR 在main.js中加上App.mpType=‘app’; uni-app引入Cesium报错，Failedtoexecute‘texImage2D‘on‘WebGLRenderingContext‘ FFFKKC的博客 03-03 1847 Failedtoexecute'texImage2D'on'WebGLRenderingContext':Theimageelementcontainscross-origindata,andmaynotbeloaded three.js_"Failedtoexecute'texImage2D'on'WebGLRenderingContext':taintedcanvasesmaynotbelo... weixin_30505225的博客 12-25 2423 这个报错是请求图片跨域了。

1.当我们使用thee.js的时候肯定会碰到利用各种请求去向服务器请求贴图。

2.假设我们获取的是图片在服务器上的路径然后我们用 加载贴图到这里都是没有问题当我们在贴图加载完成的时候去render(Scene,Camera);获取当它自己刷新的时候就会报错然后我们加载的贴图显示不出来然后浏览器报这个错误。

这个一般是安全问题，解决方法就是我们翻到t... cesium中的billboard加载在线图片报错Taintedcanvasesmaynotbeloaded qq_40853651的博客 10-29 284 加载项目中的图片没有问题，加载在线图片的时候就会报错 解决方法： image.setAttribute('crossOrigin','anonymous'); 原因：canvas绘制的时候在线图片涉及到跨域的问题。

当然，前端设置的同时，也需要后台那边设置一下，允许跨域访问图片。

... Failedtoexecute‘texImage2D‘on‘WebGLRenderingContext‘:Theimageelementcontainscross-origin a123789999的博客 04-01 4678 UncaughtDOMException:Failedtoexecute‘texImage2D’on‘WebGLRenderingContext’:Theimageelementcontainscross-origindata,andm... WebGL加载跨域纹理的解决方法 u011462674的专栏 07-20 9970 本人一直对WebGL很有兴趣，也试着尝试用osgjs写了个DEMO，很成功的出现了效果。

可是当自己用ASP.net写了个服务端，想用自己写的服务器提供的数据来用做纹理，可是怎么也不出来，还报错。

跟了下代码，发现是用作纹理的Image对象的问题。

于是本菜鸟在百度了下，发现是Cross-OriginResourceSharing的问题。

什么是Cross-OriginR... three.js贴图为图片时跨域问题 Amos_luoye的博客 03-15 7240 解决three.js跨域图片无法贴图问题，报错code：DOMException:Failedtoexecute'texImage2D'on'WebGLRenderingContext':Taintedcanvasesmaynotbeloaded. three.js在贴图时报错：DOMException:Failedtoexecute'texImage2D'on'WebGLRenderingContext dengjianma7223的博客 07-13 3709 在使用three.js给实例贴图片时报错： THREE.WebGLState:DOMException:Failedtoexecute'texImage2D'on'WebGLRenderingContext':Taintedcanvasesmaynotbeloaded. 如果你也是这报错，并且在safari中展示正常，但是chrome中抱此错， 那么... canvas跨域：Taintedcanvasesmaynotbeexported. ljqscdnljq的博客 07-20 8275 UncaughtDOMException:Failedtoexecute'toDataURL'on'HTMLCanvasElement':Taintedcanvasesmaynotbeexported.  在使用canvas的toDataURL方法，如果图片跨域，会报如上错误。

解决方法是给image标签加一个允许跨域的属性：crossorigin="anonym... 有关于cocosjs加载网络图片 准备从头开始 10-11 8072 1.预加载 在说加载网络图片之前，我们来先说说，cocosjs的预加载，在cocos-html中在图片的一些操作之前是要先要预加载图片资源，不然有一些操作是无效的，比如通过getContensize()获取图片的大小，设置锚点等等，当然在window平台和ios、android平台是没有这个问题。

2.区别于openGL、webGL、canvas webGL是一组用于在web页面绘 coco2d-js无法加载网络图片(Failedtoexecute'texImage2D'on‘WebGLRenderin Soulbo在到处打酱油 11-23 2957 PO主表示并没有深入探讨该问题，只知道该问题呢只是WebGL不能渲染（强势废话） 加载网络图片的代码： cc.loader.loadImg(url, {isCrossOrigin: false}, function (error, img) {   cc.log("error: "+error);   var sp = new cc.Sprite(img);   解决getImageData跨域问题 热门推荐 molaifeng的专栏 12-31 3万+ 在项目开发过程中要用到html5增加的getImageData方法来实现刮刮卡的效果，后台上传图片，手机端用手刮。

在本地开发没遇到问题，上线之后发现刮不了，提示"UncaughtSecurityError:Failedtoexecute'getImageData'on'CanvasRenderingContext2D':Thecanvashasbeentai... cocosjs显示跨域图片的办法 9527的专栏 11-02 7950 在cocosjs中若要显示一张网络上的图片会遇到以下问题UncaughtSecurityError:Failedtoexecute'texImage2D'on'WebGLRenderingContext':thecross-originimageathttps://www.baidu.com/img/baidu_jgylogo3.gifmaynotbeloaded.虽 “相关推荐”对你有帮助么？ 非常没帮助 没帮助 一般 有帮助 非常有帮助 提交 ©️2022CSDN 皮肤主题：游动-白 设计师：我叫白小胖 返回首页 菜鸟karroy CSDN认证博客专家 CSDN认证企业博客 码龄5年 暂无认证 34 原创 5万+ 周排名 66万+ 总排名 37万+ 访问 等级 1924 积分 43 粉丝 154 获赞 85 评论 396 收藏 私信 关注 热门文章 解决npm安装时出现run`npmauditfix`tofixthem,or`npmaudit`fordetails 143676 Error:Can'tfindPythonexecutable"python",youcansetthePYTHONenvvariable.解决办法 88357 UnexpectedendofJSONinputwhileparsingnear'..."解决方法 35402 Expectedindentationof0spacesbutfound4解决办法 12895 npminstall安装固定版本号以及package.json中版本号详解 12560 分类专栏 信息安全 1篇 匿名通信技术 1篇 css样式布局 2篇 mysql数据库 4篇 常用工具 2篇 SpringBoot 1篇 Nodejs学习 7篇 three.js学习 9篇 面试刷题 vue学习 6篇 代码问题解决办法 3篇 最新评论 vue使用three.js实现外部加载模型的自动缩放的效果（进一步优化） ZOE^V1: 膜拜 vue使用three.js实现外部加载模型的自动缩放的效果 奇怪的点: 自动根据容器大小哦 vue使用three.js实现外部加载模型的自动缩放的效果（进一步优化） qq_28342801: 大哥牛逼 Error:Can'tfindPythonexecutable"python",youcansetthePYTHONenvvariable.解决办法 NorthBigPenguin: 这个好使：https://www.cnblogs.com/liuyangfirst/p/16017548.html Error:Can'tfindPythonexecutable"python",youcansetthePYTHONenvvariable.解决办法 NorthBigPenguin: 这个好使：https://www.cnblogs.com/liuyangfirst/p/16017548.html 您愿意向朋友推荐“博客详情页”吗？ 强烈不推荐 不推荐 一般般 推荐 强烈推荐 提交 最新文章 vue.js之使用VueCLI3开发多页面应用 Pleaseenteracommitmessagetoexplainwhythismergeisnecessary 求解决办法谢谢 2019年34篇 2018年1篇 目录 目录 分类专栏 信息安全 1篇 匿名通信技术 1篇 css样式布局 2篇 mysql数据库 4篇 常用工具 2篇 SpringBoot 1篇 Nodejs学习 7篇 three.js学习 9篇 面试刷题 vue学习 6篇 代码问题解决办法 3篇 目录 评论 被折叠的  条评论 为什么被折叠? 到【灌水乐园】发言 查看更多评论 打赏作者 菜鸟karroy 你的鼓励将是我创作的最大动力 ¥2 ¥4 ¥6 ¥10 ¥20 输入1-500的整数 余额支付 (余额：--) 扫码支付 扫码支付：¥2 获取中 扫码支付 您的余额不足，请更换扫码支付或充值 打赏作者 实付元 使用余额支付 点击重新获取 扫码支付 钱包余额 0 抵扣说明： 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。

2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值