使用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!')
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM