Wondering what’s next for npm?Check out our public roadmap! »

wxjsbarcodeTypeScript icon, indicating that this package has built-in type declarations

3.11.0 • Public • Published

JsBarcode

Build Status Scrutinizer Code Quality CDN License

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:

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:

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:

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 ❤️ 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 ⭐️ and write a small comment of how you are using JsBarcode in the gitter chat.

Install

npm i wxjsbarcode

DownloadsWeekly Downloads

2

Version

3.11.0

License

MIT

Unpacked Size

820 kB

Total Files

157

Last publish

Collaborators

  • avatar