cocos2d html 调用 jquery-qrcode生成的二维码

今天遇到个问题,在游戏里需要根据参数生成不同的二维码,一通百度之后终于解决了这个问题(不知道是否已经有更好的方法,还望告知)。

1.使用jquery-qrcode生成二维码,并转化成图像数据:

<script src='js/jquery-1.8.0.min.js' type='text/javascript'></script>
  <script src='js/jquery.qrcode.min.js' type='text/javascript'></script>
  <script type="text/javascript"> $('#qrcode').qrcode({width: 320,height: 320,text: "http://www.zhai100.net"}); var $code = $('#qrcode > canvas'); var codeData = $code[0].toDataURL(); </script>

2.使用cc.loader加载图片,并显示

var self = this;
cc.loader.loadImg(gCodeData,{isCrossOrigin : false },function(err,img) {
    var texture2d =  new cc.Texture2D();
    texture2d.initWithElement(img);
    texture2d.handleLoadedTexture();

    var erweima = new cc.Sprite(texture2d);
    erweima.x = self.qrCodeSprite.width / 2;
    erweima.y = self.qrCodeSprite.height / 2;
    self.addChild(erweima,10);
});

cocos2d html中加载网络图片,也可以参考类似的思路。

源码:https://github.com/longwenjunjie/cocos2d-html-qrcode

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...