首先需要引入二维码生成工具weapp-qrcode.js或者直接安装npm install weapp-qrcode --save
import QRCode from '../../utils/weapp-qrcode.js'
页面使用cavas
<canvas style="width:160rpx;height:160rpx" canvas-id="myQrcode"></canvas>
生成二维码
new QRCode('myQrcode', {
text: api.baseURL + '/xfz?s&code=' + res,
width: 80,
height: 80,
padding: 12, // 生成二维码四周自动留边宽度,不传入默认为0
correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
callback: (res) => {
console.log(res)
}
})
myQrcode为绘制的canvasId,绑定在canvas里面。
width和height必须填,且大小要与canvas一致。
text是二维码的内容
background为二维码的背景颜色,默认为白色
foreground为二维码的颜色,默认为黑色
npm文档
weapp-qrcode - npm