使用js生成条形码

Posted Ethan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用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!\')
})

 

以上是关于使用js生成条形码的主要内容,如果未能解决你的问题,请参考以下文章

js生成条形码

小程序 生成条形码barcode.js

vue项目条形码和二维码生成工具试用

JS 生成条形码(一维码)jsBarcode

前端生成二维码

vue生成条形码和二维码