cocos2d js显示远程下载的图片资源

概述1.远程下载图片函数：             cc.textureCache.addImage(address,  function(texture){                 if(texture){ //todo  //3  var spTouXiang = new cc.Sprite(texture);                     spTouXiang.setPosit

1.远程下载图片函数：

cc.textureCache.addImage(address,function(texture){
if(texture){

//todo

//3

var spTouXiang = new cc.Sprite(texture);
spTouXiang.setposition(x,y);
m_choiceLayer.addChild(spTouXiang);

}

},this);

}

2.会发现，报这样类似的错误：

textureCache加载远程图片，在WebGL下失败 // 环境
浏览器; Chrome
自动使用的WebGL模式，
执行测试用例：TextureCacheTest.Js

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebglrenderingContext': The cross-origin image at http://www.cocos2d-x.org/attachments/download/1508may not be loaded.
TexturesWebGL.Js:467

强制使用canvas renderer显示正常，不过在console中会报跨域的警告
Image from origin 'http://www.cocos2d-x.org' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8081' is therefore not allowed access. 解决方法： 在 project.Json中将 "renderMode" : 0， 改成 "renderMode" : 1,

3.经过上述2部，texture正常情况下已经有值了。

然后在上述 //todo //3的位置写上

var spTouXiang = new cc.Sprite(texture);
spTouXiang.setposition(x,y);
this.addChild(spTouXiang);

表示增加一个sprite，然后用从远程下载的texture纹理赋值，并显示

总结

以上是内存溢出为你收集整理的cocos2d js显示远程下载的图片资源全部内容，希望文章能够帮你解决cocos2d js显示远程下载的图片资源所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。