wxjsbarcode

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.