แนะนำ jquery barcode plugin สำหรับสร้างบาร์โค๊ด

จากบทความ Barcode คืออะไร?

วันนี้ผมจะมาแนะนำ jQuery Barcode Plugin เอาไว้สร้าง Barcode เพื่อใช้งานกันครับ ซึ่งสามารถรองรับชนิดของ Barcode ได้หลายแบบ เช่น ean8, ean13, code11, code39, code128, codabar 

การใช้งานก็ไม่ยากครับเพียงแค่เรา include ไฟล์ jquery-barcode.js ก็สามารถเรียกใช้งาน jQuery Barcode Plugin เพื่อสร้างบาร์โค๊ดได้แล้ว

1. <script type="text/javascript" src="jquery-1.3.2.min.js"></script>    
2. <script type="text/javascript" src="jquery-barcode.js"></script>  

การเรียกใช้งาน

1. <div id="bcTarget"></div>   

1. $("#bcTarget").barcode("1234567890128", "ean13");

Prototype of the barcode function

1. barcode: function(datas, type, settings)  

datas

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)

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