使用的是 weapp-qrcode,源代码地址
https://github.com/tomfriwel/weapp-qrcode
效果图
项目中的代码
1.js页面引入js(js在github上自己下载)
2.js页面 定义一个方法
//this.data.codeText是图片的地址
data: {
reqUrl: url.base,
urlBase: url.urlBase,
qrcode_w: qrcode_w,
headImg:"",//头像
name: "", //昵称
invitecode: "", //邀请码
qrcodeURL: "", //二维码
codeText: "" //二维码内容地址
},
drawImg: function () {
console.log(qrcode_w);
var imgData = qRCode.drawImg(this.data.codeText, {
typeNumber: 5,
errorCorrectLevel: 'M',
width: qrcode_w,
height: qrcode_w,
canvasId: 'myQrcode'
})
this.setData({
qrcodeURL: imgData
})
}
wxml中的使用
<image src="{{qrcodeURL}}" mode="" class="" id="" style="width:100%;height:450rpx;" background-size="cover"></image>