javascript/jquery绘制条形码/二维码插件barcode

　　javascript绘制条形码/二维码，居于jquery的实现，示例和API如下，翻译来源：http://barcode-coder.com/en/barcode-jquery-plugin-201.html

注意：需要绘制的条形码/二维码长度和字符串包含字母之类的，注意要选择不同的条形码/二维码类型，要不无法绘制（没研究过条形码，经测试视乎是这样的）。建议直接选择code128

　　jquery绘制条形码/二维码插件jquery.barcode.js API文档和使用说明如下

1）query.barcode.js安装

　　同其他jquery插件一样，只需要将jquery框架和jquery.barcode.js导入页面即可。

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

2）jquery.barcode.js使用方法

　　2.1）定义一个DOM对象作为条形码/二维码的容器

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

　　2.2）使用javascript调用jquery.barcode.js绘制条形码/二维码

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

jquery对象扩展方法barcode参数说明：barcode: function(datas, type, settings)

datas参数支持2种类型

string：要绘制的条形码字符串内容（依赖于条形码的类型）。如果条形码类型能容纳这些字符，并且存在校验不是强制性的，字符串的ISE将会自动计算（原文：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")
	object	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)：条形码样式的配置

配置名称	类型	默认值	描述	限制
barWidth	int	1	条形码宽度	1D
barHeight	int	50	容器高度	1D
moduleSize	int	5	largeur / hauteur d'un module	2D
showHRI	bool	true	是否显示条形码内容（方便识别）
bgColor	text	#FFFFFF	背景色
color	text	#000000	条形码颜色
fontSize	int	10	显示的条形码内容字体大小
output	text	css	如何绘制条形码： css, svg, bmp, canvas，注意svg，bmp，canvas不支持IE，最好不用

renderer : canvas
Parameter	Type	Default value	Detail
posX	int	0	X origine
posY	int	0	Y origine

　　示例代码

<script type="text/javascript" src="http://barcode-coder.com/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-barcode-last.min.js"></script>
<div id="bcTarget1"></div>
<div id="bcTarget2"></div>
<div id="bcTarget3"></div>
<script>
    window.onload = function () {
        $("#bcTarget1").barcode("NF98768574", "code128", { barWidth: 2, barHeight: 30 });
        $("#bcTarget2").barcode("1234567890128", "code128", { barWidth: 2, barHeight: 30 });
        $("#bcTarget3").barcode("ABC12345611", "code128", { barWidth: 2, barHeight: 30 });
    }
</script>

　　jquey.barcode.js示例下载