"Failed to execute 'texImage2D' on 'WebGLRenderingContext': tainted canvases may not be loded."

最新推荐文章于 2023-05-07 21:43:38 发布
最新推荐文章于 2023-05-07 21:43:38 发布
阅读量5.6k 收藏 1
点赞数
分类专栏： 经验问题 文章标签： three-js DOMExcepti code18 Failed
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/koloumi/article/details/68488403
版权

最近在研究Three.js的时候碰到的问题在此记录

当我们使用thee.js的时候肯定会碰到利用各种请求去向服务器请求贴图。
假设我们获取的是图片在服务器上的路径然后我们用

THREE.ImageUtils.loadTexture

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

这里写图片描述
这个一般是安全问题，解决方法就是我们翻到three.js的源码到42843行把对应的loader.setCrossOrigin( this.crossOrigin ); 代码换成loader.setCrossOrigin( ‘Anonymous’ );这个就好了
这里写图片描述

然后就OK了。。。。
koloumi
关注
专栏目录
WebGL入门（022）：WebGL2RenderingContext 简介、使用方法、示例代码
大剑师兰特的GIS世界
09-01 890
`WebGL2RenderingContext`是WebGL 2 API的核心接口，它继承自`WebGLRenderingContext`，并且添加了许多新的功能和改进，包括但不限于对顶点数组对象的支持、更多的着色器类型、更多的纹理格式、增强的混合功能等。
vue v-for渲染数据出现DOMException: Failed to execute ‘removeChild‘ on ‘Node‘: The node .....
AIGC大前端小王子
03-24 2975
本文主要介绍 vue v-for渲染数据出现DOMException: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node.处理方案 data(){ // 是否操作中 使用了vue的v-for渲染数组数据,在一次改变数组的时候出现异常报错,而实际的数组是已经变化过的了,页面卡死 opting: true, }, methods:{ // 切换二级菜单栏 ch.
cesium 解决 WebGLRenderingContext 丢失问题
纯爱枫若情的博客
11-29 6589
通常来说，对于大多数使用场景，页面上只需要创建一个 cesium 的 viewer 就够用了。 ​ 但是架不住，某些情况下，会需要多个 viewer 的存在。 ​ 了解 cesium 的童鞋应该知道，一般情况下，一个 viewer 对应着一个 webgl context，如果有多个就会存在多个 WebGLRenderingContext。 ​ 如果还不了解 WebGLRenderingContext 是什么的童鞋，建议去了解学习下 webgl 相关的知识，下面送上学习链接：https://develope
解决 Failed to execute ‘texSubImage2D‘ on ‘WebGL2RenderingContext‘: Tainted canvases may not be loaded
vily_lei的专栏
05-07 2509
解决 WebGL 跨域加载图片纹理数据报错: Failed to execute 'texSubImage2D' on 'WebGL2RenderingContext': Tainted canvases may not be loaded
Failed to execute 'texImage2D' on 'WebGLRenderingContext
热门推荐
叶巷的博客
05-16 1万+
"Failed to execute 'texImage2D' on 'WebGLRenderingContext"报这个错误是渲染模式的问题，应该把渲染模式转变为canvas就可以了 "renderMode" : 0, // "renderMode" sets the renderer type, only useful on web : // 0 -
uni-app引入Cesium报错，Failed to execute ‘texImage2D‘ on ‘WebGLRenderingContext‘
FFFKKC的博客
03-03 7515
Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element contains cross-origin data, and may not be loaded
Failed to execute ‘texImage2D‘ on ‘WebGLRenderingContext‘: The image element contains cross-origin
a123789999的博客
04-01 1万+
Uncaught DOMException: Failed to execute ‘texImage2D’ on ‘WebGLRenderingContext’: The image element contains cross-origin data, and m...
Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.
菜鸟karroy
03-13 8858
three.js:27461 DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded. at THREE.WebGLState.texImage2D (file:///H:/3d_demo/demo6/js/three.js:274...
maven出现：Failed to execute goal on project ...: Could not resolve dependencies for project ...
云智禅师的专栏
02-15 3424
[INFO] ------------------------------------------------------------------------ [INFO] Reactor Summary for demo 0.0.1-SNAPSHOT: [INFO] [INFO] demo ............................................... FAILU...
视频截图Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvas处理
weixin_43341974的博客
10-14 1595
2021-10-14背景系统环境报错原因报错截图处理过程最终结果 背景 因为工作需要，所以研究了一下vue-video-player。使用起来很方便，但是也遇到一个不小的坑，搞的我欲仙欲死。在此记录一下留给后面的人们，如果文章对你有帮助的话请留言一下吧，让我知道自己的经验有帮助到他人。 系统环境 windows10、vue2.6、vue-video-player5.0.2 报错原因 视频截图中使用的视频来源跨域 报错截图 处理过程 遇到这个问题第一时间一定是百度啦，各种各样的答案，五花八门的方法总之最后都
Failed to execute goal com.spotify:docker-maven-plugin:1.0.0:build (build-image) on project provider
qq_43140505的博客
01-12 3846
Failed to execute goal com.spotify:docker-maven-plugin:1.0.0:build (build-image) on project provider: Exception caught问题 我出现这个错的原因确实出人意料——居然是因为大小写问题… 这个问题首先排除一个问题 1.判断idea的jdk.jre的版本是否都相同。 这几个版本都有选成统一 的版本 2. 这个版本弄成0.4.13或者1.0.0不是主要原因 如果maven的时候有错，更改此处，
three.js_ "Failed to execute 'texImage2D' on 'WebGLRenderingContext': tainted canvases may not be lo...
weixin_30505225的博客
12-25 2838
这个报错是请求图片跨域了。 1.当我们使用thee.js的时候肯定会碰到利用各种请求去向服务器请求贴图。 2.假设我们获取的是图片在服务器上的路径然后我们用 加载贴图到这里都是没有问题当我们在贴图加载完成的时候去render(Scene, Camera);获取当它自己刷新的时候就会报错然后我们加载的贴图显示不出来然后浏览器报这个错误。 这个一般是安全问题，解决方法就是我们翻到t...
three.js:Failed to execute 'texImage2D' on 'WebGLRenderingContext解决方案
weixin_30917213的博客
11-29 5329
three.js加载图片时，出现Failed to execute 'texImage2D' on 'WebGLRenderingContext .Tainted canvases may not be loaded.的错误 跨域安全问题。 解决办法： 1 如果你用的是纹理题图：如： var loader = new THREE.TextureLoader(); 加上： loader....
Three贴图跨域：DOMException: Failed to execute ‘texImage2D‘ on ‘WebGLRenderingContext
小人物的点点滴滴
09-07 2000
DOMException: Failed to execute ‘texImage2D’ on 'WebGLRenderingContext 网上找到方法修改threejs.module.js文件中的ImageLoader.prototype 在return之前加上image.crossOrigin=’’ 参考原文地址：https://blog.csdn.net/qq_41923622/article/details/103756549 ...
DOMException： Failed to execute ‘texImage2D’ on ‘WebGLRenderingContext’
qq_34838790的博客
06-18 4547
Uncaught DOMException: Failed to execute ‘texImage2D’ on ‘WebGLRenderingContext’: The image element contains cross-origin data, and may not be loaded. 解决方法1： 将图片转换为Base64编码，直接有效。可通过以下地址进行在线转换。 http://www.jq22.com/demo/baseToImage201807250139/ 可直接将您代码调用图片的地
coco2d-js 无法加载网络图片(Failed to execute 'texImage2D' on ‘WebGLRenderin
Soulbo在到处打酱油
11-23 3205
PO主表示并没有深入探讨该问题，只知道该问题呢只是WebGL不能渲染（强势废话） 加载网络图片的代码： cc.loader.loadImg(url, {isCrossOrigin: false}, function (error, img) {     cc.log("error: "+error);     var sp = new cc.Sprite(img);  
three.js 在贴图时报错：DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext
dengjianma7223的博客
07-13 4362
在使用three.js 给实例贴图片时报错： THREE.WebGLState: DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded. 如果你也是这报错，并且在safari中展示正常，但是chrome中抱此错， 那么...
大分辨率(5120*1600)屏幕使用cesium加载高精度倾斜摄影数据浏览器报错崩溃解决方案
qq_40863573的博客
04-01 1万+
大分辨率(5120*1600)屏幕使用cesium加载高精度倾斜摄影数据浏览器报错崩溃解决方案。 An error occurred while rendering.Rendering has stopped。 TypeError：Failed to execute 'shaderSource' on 'WebGLRenderingContext'：parameter 1 is not of type 'WebGLShader'。
"fatal error: failed to mount fuse fs: fusermount: exec: \"fusermount3\": execu"
最新发布
09-15
这是一个来自计算机系统的错误信息。错误信息中说的是无法挂载fuse文件系统，具体原因是fusermount工具无法执行fusermount3命令。Fuse是一个用于在用户空间中运行文件系统的工具，常见于一些虚拟文件系统中。 发生这个错误可能有几种原因。首先，可能是因为系统缺少fusermount3可执行文件。fusermount需要依赖fuse软件包来提供相关功能，因此如果没有安装fuse软件包或者版本不兼容，就可能会导致无法执行fusermount3命令。 其次，可能是fusermount3命令路径未正确配置或者权限不足。系统在运行命令时需要找到正确的可执行文件路径，如果路径配置错误或者权限不足，就会出现无法执行的错误。 最后，还有可能是系统环境存在其他问题，导致无法执行fusermount3命令。这可能涉及到系统的配置、文件系统的状态等等方面的问题。 如果遇到这个错误，可以尝试以下解决方法： 1. 确保已经安装了fuse软件包，并且版本兼容。 2. 检查fusermount3命令的路径配置是否正确，如果不正确，可以尝试手动指定正确的路径。 3. 检查执行fusermount3命令的用户是否具有足够的权限，可以尝试使用管理员权限来执行该命令。 4. 检查系统环境是否存在其他问题，可以尝试重新启动系统来解决。 如果上述方法都无法解决问题，建议查阅相关文档或咨询技术支持人员，以获取更具体的解决方案。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值