使用js生成条形码以及二维码

一、用js生成条形码这种业务场景不是很常见的,最近刚好又接到这种需求

Google一下,发现github还真有这方面的轮子,感谢github,省去了我们很多造轮子的过程,

好了言归正传,首先引入jsbarcode这个轮子(根据实测,该轮子着实好用支持多种编码方式)

npm install jsbarcode;

import jsbarcode from 'jsbarcode';
createBarcode () {

  jsbarcode('#canvas', '1421784529458125', {

  lineColor: '#000',

  width: 2,

  height: 40,

  displayValue: false

  })

}

二、js生成二维码这种需求还是很常见的(这里同样是介绍一个好用的包qrcode)

npm install qrcode

import qrcode from 'qrcode'
qrcode.toCanvas(canvas, 'sample text', function (error) {

  if (error) console.error(error)

  console.log('success!')

})

猜你喜欢

转载自blog.csdn.net/yuan_jlj/article/details/89305845
今日推荐