小程序生成二维码

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)
  }
})

展示：

<canvas class="canvas-code"canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>

注意事项

• 二维码宽高，js代码和结构中的宽高需要一致，宽高的样式一定要写成内联样式，不然会有意想不到的效果
• padding的颜色自己控制即可，canvas的背景色就是留边的颜色
• correctLevel是生成二维码可辨识度的级别，级别越高可辨识度越高，从低到高依次是M、L、H、Q