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