Introduction

JsBarcode is a barcode generator written in JavaScript. It supports multiple barcode formats and works in browsers and with Node.js. It has no dependencies when it is used for the web but works with jQuery if you are into that.

Demo

Barcode Generator

Simple CodePen Demo

Settings CodePen Demo

Supported barcodes:

• CODE128
  • CODE128 (automatic mode switching)
  • CODE128 A/B/C (force mode)
• EAN
  • EAN-13
  • EAN-8
  • EAN-5
  • EAN-2
  • UPC (A)
  • UPC (E)
• CODE39
• ITF
  • ITF
  • ITF-14
• MSI
  • MSI10
  • MSI11
  • MSI1010
  • MSI1110
• Pharmacode
• Codabar

Examples for browsers:

First create a canvas (or image)

<canvas type="2d" id="barcode"></canvas>

Simple example:

wx.createSelectorQuery()
        .in(this)
        .select('#barcode')
        .fields({
          node: true,
          size: true
        }).exec((res) => {
          const canvas = res[0].node
          jsbarcode(res[0].node,"Hi!")
        })

Result:

Example with options:

wx.createSelectorQuery()
        .in(this)
        .select('#barcode')
        .fields({
          node: true,
          size: true
        }).exec((res) => {
          const canvas = res[0].node
          jsbarcode(res[0].node,"1234",{
            format: "pharmacode",
            lineColor: "#0aa",
            width:4,
            height:40,
            displayValue: false
          })
        })

Result:

Bower and npm:

You can also use Bower or npm to install and manage the library.

bower install wxjsbarcode --save

npm install wxjsbarcode --save

Options:

For information about how to use the options, see the wiki page.

| Option | Default value | Type | |--------|---------------|------| | format | "auto" (CODE128) | String | | width | 2 | Number | | height | 100 | Number | | displayValue | true | Boolean | | text | undefined | String | | fontOptions | "" | String | | font | "monospace" | String | | textAlign | "center" | String | | textPosition | "bottom" | String | | textMargin | 2 | Number | | fontSize | 20 | Number | | background | "#ffffff" | String (CSS color) | | lineColor | "#000000" | String (CSS color) | | margin | 10 | Number | | marginTop | undefined | Number | | marginBottom | undefined | Number | | marginLeft | undefined | Number | | marginRight | undefined | Number | | valid | function(valid){} | Function |

Contributions and feedback:

We :heart: contributions and feedback.

If you want to contribute, please check out the CONTRIBUTING.md file.

If you have any question or suggestion create an issue or ask about it in the gitter chat.

Bug reports should always be done with a new issue.

License:

JsBarcode is shared under the MIT license. This means you can modify and use it however you want, even for comercial use. But please give this the Github repo a :star: and write a small comment of how you are using JsBarcode in the gitter chat.