小顺序中天生二维码和条形码

2019年8月20日 95次阅读 来源: 龚明华

运用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>
</view>
<view class='qrcode'>
   <!-- <image src='/assets/images/qrcode.png'></image> -->
   <canvas canvas-id="qrcode"></canvas>
</view>
当地wxbarcode目次构造（从github download下来的目次构造）

《小顺序中天生二维码和条形码》

    原文作者：龚明华
    原文地址: https://segmentfault.com/a/1190000017942338
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞