使用wxbarcode模块可以很方便地生成二维码和条形码。
效果
安装
$ npm install wxbarcode使用方法
import wxbarcode from 'wxbarcode' wxbarcode.barcode('barcode', '1234567890123456789', 680, 200);wxbarcode.qrcode('qrcode', '1234567890123456789', 420, 420);条形码
函数名：barcode
函数原型：barcode(id, code, width, height)
参数：
- id: wxml文件中的 Canvas ID
- code: 用于生成条形码的字符串
- width: 生成的条形码宽度，单位 rpx
- height: 生成的条形码高度，单位 rpx
二维码
函数名：qrcode
函数原型：qrcode(id, code, width, height)
参数：
- id: wxml文件中的 Canvas ID
- code: 用于生成二维码的字符串
- width: 生成的二维码宽度，单位 rpx
- height: 生成的二维码高度，单位 rpx
小程序案例
// 页面所在的js文件import wxbarcode from '../../utils/qrcode/index.js';// ...wxbarcode.barcode('barcode', res.data.voucher_info.closure_code, 680, 150);wxbarcode.qrcode('qrcode', res.data.voucher_info.closure_code, 340, 340);// wxml文件view class='barcode' canvas canvas-id="barcode"/canvas/viewview class='qrcode' !-- image src='/assets/images/qrcode.png'/image -- canvas canvas-id="qrcode"/canvas/view
