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
Free EAN-13 Generator: This free online barcode generator creates all 1D and 2D barcodes. Download the generated barcode as bitmap or vector image. A barcode generator software creates UPC, EAN, ISBN along with few other barcode symbols which will satisfy designers, labelers, book publishers around the world who need only UPC/EAN based barcodes. This package is affordable, yet powerful enough. Files for barcode-generator, version 0.1rc15; Filename, size File type Python version Upload date Hashes; Filename, size barcode-generator-0.1rc15.tar.gz (5.2 kB) File type Source Python version None Upload date Oct 13, 2015 Hashes View.
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)
- ITF
- ITF
- ITF-14
- MSI
- MSI10
- MSI11
- MSI1010
- MSI1110
Examples for browsers:
Barcode4J is a flexible generator for barcodes written in Java. EAN-13 and EAN-8 (with supplementals). SVG-generating XSLT extension. Barcodes; List of all codes About barcodes Bitmap images Vector graphics Layout options Control characters Application Identifiers Country codes Check digits; Codabar; Code 25 Industrial; Code 25 Interleaved; Code 39; Code 39 Extended; Code 93 / Extended; Code 128; Data Matrix; DUN-14; EAN-2 / EAN-5 AddOn; EAN-8; EAN-13.
First create a canvas (or image)
Simple example:
Result:
Example with options:
Result:
More advanced use case:
Result:
Or define the value and options in the HTML element:
Use any
jsbarcode-*
or data-*
as attributes where *
is any option.And then initialize it with:
Result:
Retrieve the barcode values so you can render it any way you'd like
Pass in an object which will be filled with data.
data will be filled with a
encodings
property which has all the needed values. See wiki for an example of what data looks like.Setup for browsers:
Step 1:
Vmware fusion 10 pro. Download or get the CDN link to the script:
Name | Supported barcodes | Size (gzip) | CDN / Download |
---|---|---|---|
All | All the barcodes! | 10.1 kB | JsBarcode.all.min.js |
CODE128 | CODE128 (auto and force mode) | 6.2 kB | JsBarcode.code128.min.js |
CODE39 | CODE39 | 5.1 kB | JsBarcode.code39.min.js |
EAN / UPC | EAN-13, EAN-8, EAN-5, EAN-2, UPC (A) | 6.6 kB | JsBarcode.ean-upc.min.js |
ITF | ITF, ITF-14 | 5 kB | JsBarcode.itf.min.js |
MSI | MSI, MSI10, MSI11, MSI1010, MSI1110 | 5 kB | JsBarcode.msi.min.js |
Pharmacode | Pharmacode | 4.7 kB | JsBarcode.pharmacode.min.js |
Codabar | Codabar | 4.9 kB | JsBarcode.codabar.min.js |
Step 2:
Include the script in your code:
Step 3:
You are done! Go generate some barcodes :smile: Videoscan 1 0 2 fraction.
Bower and npm:
You can also use Bower or npm to install and manage the library.
Node.js:
With canvas:
With svg:
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.
Current Tags
- 4.0.0-alpha.5 .. alpha (2 years ago)
- 4.0.0-alpha.5 .. beta (2 years ago)
- 3.11.3 .. latest (a month ago)
66 Versions
- 3.11.3 .. a month ago
- 4.0.0-alpha.5 .. 2 years ago
- 4.0.0-alpha.4 .. 2 years ago
- 4.0.0-alpha.3 .. 2 years ago
- 4.0.0-alpha.2 .. 2 years ago
- 4.0.0-alpha.1 .. 2 years ago
- 3.11.0 .. 2 years ago
- 3.9.0 .. 3 years ago
- 3.8.0 .. 3 years ago
- 3.7.0 .. 3 years ago
- 3.6.0 .. 4 years ago
- 3.5.9 .. 4 years ago
- 3.5.8 .. 4 years ago
- 3.5.7 .. 4 years ago
- 3.5.6 .. 4 years ago
- 3.5.5 .. 4 years ago
- 3.5.4 .. 4 years ago
- 3.5.3 .. 4 years ago
- 3.5.2 .. 4 years ago
- 3.5.1 .. 4 years ago
- 3.5.0-beta.2 .. 4 years ago
- 3.5.0-beta .. 4 years ago
- 3.4.0 .. 4 years ago
- 3.3.23 .. 4 years ago
- 3.3.22 .. 4 years ago
- 3.3.20 .. 4 years ago
- 3.3.18 .. 4 years ago
- 3.3.17 .. 4 years ago
- 3.3.16 .. 4 years ago
- 3.3.15 .. 4 years ago
- 3.3.14 .. 4 years ago
- 3.3.13 .. 4 years ago
- 3.3.12 .. 4 years ago
- 3.3.11 .. 4 years ago
- 3.3.10 .. 4 years ago
- 3.3.9 .. 4 years ago
- 3.3.7 .. 4 years ago
- 3.3.6 .. 4 years ago
- 3.3.5 .. 4 years ago
- 3.3.4 .. 4 years ago
- 3.3.3 .. 4 years ago
- 3.3.2 .. 4 years ago
- 3.3.0 .. 4 years ago
- 3.2.1 .. 4 years ago
- 3.2.0 .. 4 years ago
- 3.1.0 .. 4 years ago
- 3.0.3 .. 4 years ago
- 3.0.2 .. 4 years ago
- 3.0.1 .. 5 years ago
- 3.0.0 .. 5 years ago
- 3.0.0-beta.4 .. 5 years ago
- 3.0.0-beta.3 .. 5 years ago
- 3.0.0-beta.2 .. 5 years ago
- 2.5.1 .. 5 years ago
- 2.5.0 .. 5 years ago
- 2.4.11 .. 5 years ago
- 2.4.10 .. 5 years ago
- 2.4.9 .. 5 years ago
- 2.3.9 .. 5 years ago
- 2.3.8 .. 5 years ago
- 2.3.7 .. 5 years ago
- 2.3.6 .. 5 years ago
- 2.3.5 .. 5 years ago
- 2.3.4 .. 5 years ago
- 2.3.3 .. 5 years ago
- 2.0.0 .. 5 years ago
Barcode Producer for Mac and PC– built for designers and pros – generates the perfect
barcodes you need. Download now.
EAN-13 barcodes appear on retail products sold worldwide. This symbology encodes a 13-digit Global Trade Identification Number (GTIN) and an optional extension of 2 or 5 digits.
Where do I get a retail barcode number?
If you don't have a barcode value already, there are a few ways to get a unique barcode value for your product:
- Register with GS1, the regulatory agency for UPC/EAN barcodes in the United States. In other countries, there's generally a local chapter of GS1. You pay them an annual or one-time fee to reserve a barcode prefix – the first part of your UPC is the prefix, then the remaining numbers are the number that you assign to a particular item.
- Use the prefix that your company already owns and produce a barcode for a new unique number under that prefix.
- Get a single barcode value from a company that already owns a prefix and will sell you one of their barcodes. You can easily find all sorts of these kinds of companies online.
Once you have a UPC/EAN barcode value, you can enter that number into Barcode Producer to generate your barcode. So, your number comes from somewhere else, and Barcode Producer turns that number into a scannable barcode.
Why is the last digit of my retail barcode wrong?
It isn't. The last digit of all UPC, ISBN and EAN barcodes is called a check digit. Barcode Producer automatically calculates this for you so that an incorrect check digit can’t be used (thereby rendering an invalid barcode). You can also verify the correct check digit using GS1’s check digit calculator.
If you enter the wrong check digit, Barcode Producer will ignore your incorrect input and enter the correct check digit.
How does UPC/EAN barcode height adjustment work?
![Barcode ean 13 generator svg creator Barcode ean 13 generator svg creator](https://i.ytimg.com/vi/QwAdonxVFGk/maxresdefault.jpg)
Barcode Producer can make your barcode shorter or taller than the default, internationally accepted default size using the Bar Height option. Shorter barcodes are, for example, very commonly used in size restricted situations. Adjusting the height of the barcode does not affect its scanability because the width is not affected by this change.
Technically, adjusting the height of a UPC/EAN can be considered a violation of generally accepted standards for UPC/EAN generation when used in environments governed by GS1, a retail standards organization. We provide this option because it a) is very widely and successfully used in the global market on small labels, and b) does not affect the scanability of the barcode. In general, you should leave the height at its default option unless there's some specific reason to change it.
Barcode Ean 13 Generator Svg File
Do I want a UPC or an EAN? How do I convert between the two?
UPC-A barcodes (12 digits) are typically used in the United States and Canada; EAN-13 barcodes (13 digits) are used everywhere else in the world.
These barcodes, despite having different names, are actually exactly the same in terms of the bar pattern – they're both 13-digit barcodes. A UPC-A's first encoded digit (hidden in the text below the barcode for a UPC-A) is always 0. So, you can make the same barcode in an EAN-13 by simply adding the 0 yourself. If your prefix is from outside the United States, it doesn't start with 0. Here's a complete list.
Ean 13 Barcode Generator
Barcode Producer for Mac/PC creates perfect barcodes for retail packages, labels, books, packages, and everything else.