cocos creator 实现扫二维码跳转页面

cocos creator 1.9.3

qrcode.js脚本

首先用cococs creator 创建场景  层级结构如图 一个空节点 下面放一张单色背景图即可

创建脚本组件 用来生成二维码 添加代码 如图代码如下//divDraw.jscc.Class({extends: cc.Component,// LIFE-CYCLE CALLBACKS:onLoad () {var div = document.createElement('div');var qrcode = new QRCode(div, 'http://www.cocos.com/');var img = div.children[1];img.onload = () => {var texture = new cc.Texture2D();texture.initWithElement(img);texture.handleLoadedTexture();var spriteFrame = new cc.SpriteFrame(texture);var node = new cc.Node();var sprite = node.addComponent(cc.Sprite);sprite.spriteFrame = spriteFrame;this.node.addChild(node);//给node设置位置//node.setPosition(cc.v2(300,300));//再添加一个NODEvar node2 = new cc.Node();var sprite2 =node2.addComponent(cc.Sprite);cc.loader.loadRes('testAssets/HelloWorld_',cc.SpriteFrame,function (err,spriteFrame) {sprite2.spriteFrame =spriteFrame;sprite2.sizeMode = cc.Sprite.SizeMode.CUSTOM;cc.log(sprite2.spriteFrame.getOriginalSize());sprite2.node.width=node.width/4;sprite2.node.height=node.height/4;});this.node.addChild(node2);}},onDestroy(){cc.loader.releaseRes('testAssets/HelloWorld_');}});

将qrcode.js导入为插件 没有qrcode.js可以去官网下一个 如图

创建一个叫resources文件夹里面放logo,层级结构如图

回到divDraw.js脚本里 要注意的是这行代码 如果你的路劲和我是一样的那不用改 不同的话就要改了cc.loader.loadRes('testAssets/HelloWorld_',cc.SpriteFrame,function (err,spriteFrame) {sprite2.spriteFrame =spriteFrame;sprite2.sizeMode = cc.Sprite.SizeMode.CUSTOM;cc.log(sprite2.spriteFrame.getOriginalSize());sprite2.node.width=node.width/4;sprite2.node.height=node.height/4;});//这是动态加载本地资源的方法 具体的可以看官方文档