参考资料:https://www.jianshu.com/p/e6021798cd40
核心代码:
import QRCode from '/utils/weapp-qrcode.js'
new QRCode('myQrcode',{
text: 'http://www.tongxingschool.com',
width: 200,
height: 200,
padding: 12, // 生成二维码四周自动留边宽度,不传入默认为0
correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
callback: (res) => {
console.log(res.path)
}
})
<canvas canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>
补充:1.padding的颜色自己控制即可,canvas的背景色就是留边的颜色
2.correctLevel是生成二维码可辨识度的级别,级别越高可辨识度越高,从低到高以此是M、L、H、Q
3.new QRCode中的长度和高度,单位是px,不能设置为rpx。
4.必须给canvas控件预设长度和高度,尽量和new QRCode中的长度和高度保持一致。否则,生成的图片是new QRCode中的长度和高度,canvas占的大小是预设的长度和宽度。