<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-barcode-2.0.1.js"></script>
<script type="text/javascript">
$(function(){
$("#bcTarget").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});
});
</script>
</head>
<body>
<div id="bcTarget"></div>
</body>
</html>
生成
詳細實例地址 點擊打開鏈接
http://download.csdn.net/detail/liubo682115/8861149
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-barcode-2.0.1.js"></script>
<script type="text/javascript">
$(function(){
$("#bcTarget").barcode("123456789", "codabar",{barWidth:2, barHeight:30});
$("#genid").click(function(){
var code = $("#orgcode").val();
$("#mycode").barcode(code, "codabar",{barWidth:2, barHeight:30});
});
});
</script>
</head>
<body>
首先自動生成條形碼 123456789
<div id="bcTarget"></div>
輸入要生成條形碼的數字
<input type="text" id ="orgcode">
<div id="mycode"> </div>
<input type="button" value="生成條形碼" id="genid"/>
</body>
</html>
生成類型有多種
具體官方文檔
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 |