Skip to content

JsBarcode โ€‹

ไธ€ไธช่ฝป้‡็บงใ€้›ถไพ่ต–็š„ JavaScript ๆกๅฝข็ ็”Ÿๆˆๅบ“๏ผŒๅฏไปฅๅœจๆต่งˆๅ™จๅ’Œ Node.js ไธญ่ฟ่กŒใ€‚ๅฎƒๆ”ฏๆŒๅคš็งไธปๆตๆก็ ๆ ผๅผ๏ผŒไฝฟ็”จ้žๅธธ็ฎ€ๅ•ใ€‚

https://lindell.me/JsBarcode/

ๆ”ฏๆŒ็š„ๆก็ ๆ ผๅผ้žๅธธๅคš๏ผŒๅŒ…ๆ‹ฌ 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 jsbarcode

usage โ€‹

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){}

Released under the MIT License.