Options

Width (default: 2)

The width option is the width of a single bar.

Examples:

JsBarcode("#barcode", "Smallest width", {
  width: 1
});

JsBarcode("#barcode", "Wider barcode", {
  width: 3
});

Result:

Height (default: 100)

The height of the barcode.

Examples:

JsBarcode("#barcode", "Wider barcode", {
  height: 150
});

JsBarcode("#barcode", "Smallest width", {
  height: 25
});

Result:

Format (default: "auto" (CODE128))

Select which barcode type to use. Please check the wikipage of the different barcode types for more information.

Examples:

JsBarcode("#barcode", "123456789012", {
  format: "EAN13"
});

JsBarcode("#barcode", "123456789012", {
  format: "CODE39"
});

Result:

Font Options (default: "")

With fontOptions you can add bold or italic text to the barcode.

Examples:

JsBarcode("#barcode", "Bold text", {
  fontOptions: "bold"
});

JsBarcode("#barcode", "Italic text", {
  fontOptions: "italic"
});

JsBarcode("#barcode", "Both options", {
  fontOptions: "bold italic"
});

Result:

Font (default: "monospace")

Define the font used for the text in the generated barcode. This can be any default font or a font defined by a @font-face rule.

Examples:

JsBarcode("#barcode", "Fantasy font", {
  font: "fantasy"
});

Result: