Bootstrap

微信小程序二维码生成

首先需要引入二维码生成工具weapp-qrcode.js或者直接安装npm install weapp-qrcode --save

import QRCode from '../../utils/weapp-qrcode.js'

页面使用cavas

<canvas style="width:160rpx;height:160rpx" canvas-id="myQrcode"></canvas>

生成二维码

new QRCode('myQrcode', {
    text: api.baseURL + '/xfz?s&code=' + res,
    width: 80,
    height: 80,
    padding: 12, // 生成二维码四周自动留边宽度,不传入默认为0
    correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
    callback: (res) => {
        console.log(res)
    }
})

myQrcode为绘制的canvasId,绑定在canvas里面。

width和height必须填,且大小要与canvas一致。

text是二维码的内容

background为二维码的背景颜色,默认为白色

foreground为二维码的颜色,默认为黑色

  

npm文档weapp-qrcode - npm

;