Cách tạo mã vạch trên máy tính bằng Javascript và Html 5

Cách tạo mã vạch trên máy tính bằng Javascript và Html 5

 

Hello world

HTML:

<svg id="barcode"></svg>

Javascript:

JsBarcode("#barcode", "Hi world!");

Result:

Hi world!
Example with options

HTML:

<svg id="barcode"></svg>

Javascript:

JsBarcode("#barcode", "1234", {
  format: "pharmacode",
  lineColor: "#0aa",
  width: 4,
  height: 40,
  displayValue: false
});

Result:

Declare options in HTML

HTML:

<svg class="barcode"
  jsbarcode-format="upc"
  jsbarcode-value="123456789012"
  jsbarcode-textmargin="0"
  jsbarcode-fontoptions="bold">
</svg>

Javascript:

JsBarcode(".barcode").init();

Result:

123456789012

 

Name Supported barcodes CDN / Download
All All the barcodes! JsBarcode.all.min.js
CODE128 CODE128 (auto and force mode) JsBarcode.code128.min.js
CODE39 CODE39 JsBarcode.code39.min.js
EAN / UPC EAN-13, EAN-8, EAN-5, EAN-2, UPC (A) JsBarcode.ean-upc.min.js
ITF ITF, ITF-14 JsBarcode.itf.min.js
MSI MSI, MSI10, MSI11, MSI1010, MSI1110 JsBarcode.msi.min.js
Pharmacode Pharmacode JsBarcode.pharmacode.min.js

 

Ngày: 25/2/2020 - đăng bởi: Nguyen Van Dat
Nguyen Van Dat 02/25/2020 12:48:20 PM

Tag: #HTML+CSS+Javascript



:

----------------