由于交叉原点错误,未加载WebGL纹理

时间:2014-04-01 12:47:02

标签: textures webgl cors

我正在尝试将png纹理文件从Apache服务器加载到在tomcat 7.0上运行的Web应用程序。我已经设置了.htaccess文件,并且还有texture.Image.crossOrigin =“Anonymous”。我对服务器的回复如下:

Accept-Ranges:bytes
Access-Control-Allow-Headers:*
Access-Control-Allow-Methods:GET, OPTIONS
Access-Control-Allow-Origin:*
Access-Control-Allow-Origin:*
Connection:keep-alive
Content-Length:455867
Content-Type:image/png
Date:Tue, 01 Apr 2014 12:27:21 GMT
Etag:"420030b-6f4bb-4f58138b7d280"
Last-Modified:Wed, 26 Mar 2014 12:00:58 GMT
Server:Apache/2.2.22 (Ubuntu)

我的纹理代码如下:

earthTexture = gl.createTexture();
earthTexture.Image = new Image();
earthTexture.Image.crossOrigin = "Anonymous";
earthTexture.Image.onload = function() {
 handleTextureLoaded( earthTexture);
};      
earthTexture.Image.src = imageURL;

我在public_html / images文件夹中设置了包含以下行的.htaccess文件:

Header set Access-Control-Allow-Origin "*"

但我仍然收到以下错误:

 Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at http://XXXXXXXXXXXXXXXXX/images/image_2014.3.26_14.2.1.png may not be loaded.

希望有人可以帮助我。

0 个答案:

没有答案