微信小程序> 小程序中生成二维码和条形码-小程序生成二维码-小程序二维码如何生成

小程序中生成二维码和条形码-小程序生成二维码-小程序二维码如何生成

浏览量:2575 时间: 来源:weixin_34227447

1.使用wxbarcode模块可以很方便地生成二维码和条形码。

效果安装$npminstallwxbarcode使用方法importwxbarcodefrom'wxbarcode'wxbarcode.barcode('barcode','1234567890123456789',680,200);wxbarcode.qrcode('qrcode','1234567890123456789',420,420);条形码

2.函数名:barcode

3.函数原型:barcode(id,code,width,height)

4.参数:

id:wxml文件中的CanvasIDcode:用于生成条形码的字符串width:生成的条形码宽度,单位rpxheight:生成的条形码高度,单位rpx二维码

5.函数名:qrcode

6.函数原型:qrcode(id,code,width,height)

7.参数:

id:wxml文件中的CanvasIDcode:用于生成二维码的字符串width:生成的二维码宽度,单位rpxheight:生成的二维码高度,单位rpx小程序案例//页面所在的js文件importwxbarcodefrom'../../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文件viewclass='barcode'canvascanvas-id="barcode"/canvas/viewviewclass='qrcode'!--imagesrc='/assets/images/qrcode.png'/image--canvascanvas-id="qrcode"/canvas/view本地wxbarcode目录结构(从githubdownload下来的目录结构)

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎