weapp-qrcode下载链接
在github上下载工程,将/utils/weapp-qrcode.js文件直接放在自己工程下面。
引用:
import QRCode from '/utils/weapp-qrcode.js'
使用:
new QRCode('myQrcode',{
text: 'http://www.baidu.com',
width: 200,
height: 200,
padding: 12, // 生成二维码四周自动留边宽度,不传入默认为0
correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
callback: (res) => {
console.log(res.path)
}
})
展示:
注意事项
- 二维码宽高,js代码和结构中的宽高需要一致,宽高的样式一定要写成内联样式,不然会有意想不到的效果
- padding的颜色自己控制即可,canvas的背景色就是留边的颜色
- correctLevel是生成二维码可辨识度的级别,级别越高可辨识度越高,从低到高依次是M、L、H、Q