-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Options
default: "auto" (CODE128)
Select which barcode type to use. Please check the wikipage of the different barcode types for more information.
JsBarcode("#barcode", "123456789012", {
format: "EAN13"
});
JsBarcode("#barcode", "123456789012", {
format: "CODE39"
});
default: 2
The width option is the width of a single bar.
JsBarcode("#barcode", "Smallest width", {
width: 1
});
JsBarcode("#barcode", "Wider barcode", {
width: 3
});
default: 100
The height of the barcode.
JsBarcode("#barcode", "Wider barcode", {
height: 150
});
JsBarcode("#barcode", "Smallest width", {
height: 25
});
default: ""
With fontOptions you can add bold or italic text to the barcode.
JsBarcode("#barcode", "Bold text", {
fontOptions: "bold"
});
JsBarcode("#barcode", "Italic text", {
fontOptions: "italic"
});
JsBarcode("#barcode", "Both options", {
fontOptions: "bold italic"
});
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.
JsBarcode("#barcode", "Fantasy font", {
font: "fantasy"
});
default: "center"
Set the horizontal alignment of the text. Can be left / center / right.
JsBarcode("#barcode", "Left text", {
textAlign: "left"
});
default: "bottom"
Set the vertical position of the text. Can be bottom / top.
JsBarcode("#barcode", "Top text", {
textPosition: "top"
});
default: 2
Set the space between the barcode and the text.
JsBarcode("#barcode", "Text margin", {
textMargin: 25
});
default: 20
Set the size of the text.
JsBarcode("#barcode", "Bigger text", {
fontSize: 40
});
default: "#ffffff"
Set the background of the barcode.
JsBarcode("#barcode", "Blue background", {
background: "#ccffff"
});
default: "#000000"
Set the color of the bars and the text.
JsBarcode("#barcode", "Red lines", {
lineColor: "#990000"
});
default: 10
Set the space margin around the barcode. If nothing else is set, all side will inherit the margins property but can be replaced if you want to set them separably.
JsBarcode("#barcode", "Bigger margins", {
margin: 30,
background: "#dddddd"
});
JsBarcode("#barcode", "Left/Top margin", {
marginLeft: 30,
marginTop: 50,
background: "#dddddd"
});
- Home
- Options
- Setup
- Browser Setup
- Node Setup
- Barcodes
- CODE128
- EAN / UPC
- CODE39
- ITF-14
- MSI
- Pharmacode
- Codabar