WebGL加载跨域纹理的解决方法_webgl e image element contains cross-origin data,

作者：从前慢现在也慢 | 2024-06-08 00:17:51

踩

webgl e image element contains cross-origin data, and may not be loaded.

本人一直对WebGL很有兴趣，也试着尝试用osgjs写了个DEMO，很成功的出现了效果。可是当自己用ASP.net写了个服务端，想用自己写的服务器提供的数据来用做纹理，可是怎么也不出来，还报错。跟了下代码，发现是用作纹理的Image对象的问题。于是本菜鸟在百度了下，发现是Cross-Origin Resource Sharing的问题。

什么是Cross-Origin Resource Sharing。本人在WEB方面是一个门外汉，不过通俗来的说是W3C草案拟定的浏览器与服务端如何进行跨域请求的方式。本菜鸟是看这个博客明白的(http://www.cnblogs.com/shanyou/archive/2012/11/29/2795492.html)。

同时网上也说要解决这个问题只要设置Image的crossOrigin属性即可。于是从网上查这个属性的设置，有两种CORS模式

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/687662