JsBarcode โ
ไธไธช่ฝป้็บงใ้ถไพ่ต็ JavaScript ๆกๅฝข็ ็ๆๅบ๏ผๅฏไปฅๅจๆต่งๅจๅ Node.js ไธญ่ฟ่กใๅฎๆฏๆๅค็งไธปๆตๆก็ ๆ ผๅผ๏ผไฝฟ็จ้ๅธธ็ฎๅใ
ๆฏๆ็ๆก็ ๆ ผๅผ้ๅธธๅค๏ผๅ
ๆฌ CODE128ใEAN-13ใEAN-8ใUPCใCODE39ใITFใMSIใPharmacodeใCodabarใCODE93 ็ญ
install โ
html
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>bash
npm install jsbarcodeusage โ
html
<!DOCTYPE html>
<html>
<body>
<svg id="barcode"></svg>
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.12.0/dist/JsBarcode.all.min.js"></script>
<script>
JsBarcode("#barcode", "HelloJsBarcode", {
format: "CODE128",
width: 2,
height: 80,
displayValue: true
});
</script>
</body>
</html>js
const JsBarcode = require("jsbarcode");
const { createCanvas } = require("canvas");
const fs = require("fs");
const canvas = createCanvas(300, 150);
JsBarcode(canvas, "1234567890128", {
format: "EAN13",
margin: 10
});
const out = fs.createWriteStream("./barcode.png");
canvas.createPNGStream().pipe(out);| ้ ็ฝฎ้กน | ่ฏดๆ | ้ป่ฎคๅผ |
|---|---|---|
format | ๆก็ ็ฑปๅ๏ผๅฆ CODE128ใEAN13๏ผ | auto |
width | ๆฏๆก็บฟๅฎฝๅบฆ | 2 |
height | ๆก็ ้ซๅบฆ | 100 |
displayValue | ๆฏๅฆๆพ็คบๆๅญ | true |
textPosition | ๆๅญไฝ็ฝฎ๏ผtop/bottom๏ผ | bottom |
fontSize | ๆๅญๅคงๅฐ | 20 |
lineColor | ๆก็ ้ข่ฒ | #000 |
background | ่ๆฏ่ฒ | #fff |
margin | ๅค่พน่ท | 10 |
valid | ๆ ก้ชๅ่ฐ | function(valid){} |