使用js生成條形碼以及二維碼

1、用js生成條形碼這種業務場景不是很常見的,最近恰好又接到這種需求git

Google一下,發現github還真有這方面的輪子,感謝github,省去了咱們不少造輪子的過程,github

好了言歸正傳,首先引入jsbarcode這個輪子(根據實測,該輪子着實好用支持多種編碼方式)npm

npm install jsbarcode;canvas

import jsbarcode from 'jsbarcode';編碼

createBarcode () {
  jsbarcode('#canvas', '1421784529458125', {
  lineColor: '#000',
  width: 2,
  height: 40,
  displayValue: false
  })
}
 
 
 
2、js生成二維碼這種需求仍是很常見的(這裏一樣是介紹一個好用的包qrcode)
 
npm install qrcode
 
import qrcode from 'qrcode'
 
qrcode.toCanvas(canvas, 'sample text', function (error) {
  if (error) console.error(error)
  console.log('success!')
})
相關文章
相關標籤/搜索