- 首先在github上下载/utils/weapp-qrcode.js文件,或者将weapp-qrcode.js文件中的内容复制粘贴到自己的utils的js文件中。
- wxml页面
<canvas class="canvas-code"canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>
- 在需要生成二维码的页面js文件中引入第一步的js文件
const weapp_qrcode = require('../../utils/weapp_qrcode.js')
- js中调用接口
new weapp_qrcode('myQrcode',{
text: 'www.baidu.com',
width: 200,
height: 200, //二维码宽高,js代码和结构中的宽高需要一致,宽高的样式一定要写成内联样式
padding: 12, // 生成二维码四周自动留边宽度,不传入默认为0
correctLevel: weapp_qrcode.CorrectLevel.L, // 二维码可辨识度,级别越高可辨识度越高,从低到高依次是M、L、H、Q
callback: (res) => {
console.log(res.path)
}
})