jQuery plugin : barcode
Version : 2.2.0
Licence : GPL / Cecill
Date : 2019-02-21
Author: DEMONTE Jean-Baptiste, HOUREZ Jonathan
Download barcode jQuery plugin 2.2.0
Barcode jQuery plugin installation
Like any plugin, just inclure the source file after including that of jQuery.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery-barcode.js"></script>
Using barcode jQuery plugin
To use this plugin, symply define a container th host the visuel barcode
<div id="bcTarget"></div>
Using example of the plugin
$("#bcTarget").barcode("1234567890128", "ean13");
Prototype of the barcode function
barcode: function(datas, type, settings)
datas
string
Value barcode (dependent on the type of barcode)
If barcode type include it, the presence of the checksum is not mandatory, it ise automatically recalculated
object
type : ean8, ean13, code11, code39, code128, codabar | |
---|---|
member | Type |
code | string |
type : std25, int25, code93 | |
---|---|
member | Type |
code | string |
crc | boolean |
type : msi | ||
---|---|---|
member | Type | |
code | string | |
crc | boolean | |
object | crc1 : string("mod10", "mod11") | |
crc2 : string("mod10", "mod11") |
type : datamatrix | |
---|---|
member | Type |
code | string |
rect | boolean (default : false) |
type (string)
- codabar
- code11 (code 11)
- code39 (code 39)
- code93 (code 93)
- code128 (code 128)
- ean8 (ean 8)
- ean13 (ean 13)
- std25 (standard 2 of 5 - industrial 2 of 5)
- int25 (interleaved 2 of 5)
- msi
- datamatrix (ASCII + extended)
settings (object)
visual configuration of the barcode
Parameter | Type | Default value | Detail | Limitation |
---|---|---|---|---|
barWidth | int | 1 | width of a bar | 1D |
barHeight | int | 50 | container height | 1D |
moduleSize | int | 5 | largeur / hauteur d'un module | 2D |
showHRI | bool | true | display text (HRI : Human readable Interpretation) | |
bgColor | text | #FFFFFF | background color | |
color | text | #000000 | barcode color | |
fontSize | int | 10 | font size of the HRI | |
output | text | css | output type : css, svg, bmp, canvas |
renderer : canvas | |||
---|---|---|---|
Parameter | Type | Default value | Detail |
posX | int | 0 | X origine |
posY | int | 0 | Y origine |
Example :
<input type="button" onclick='$("#bcTarget").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});' value="ean13">
bcTarget
<input type="button" onclick='$("#bcTarget2").barcode("1234567", "int25",{barWidth:2, barHeight:30});' value="int25">
bcTarget2
<input type="button" onclick='$("#bcTarget3").barcode({code: "1234567", crc:false}, "int25",{barWidth:2, barHeight:30});' value="int25 without crc">
bcTarget3