(四十九)生成二维码

参考资料: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占的大小是预设的长度和宽度。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。