生成条形码_jQuery_barcode

最新推荐文章于 2024-08-08 07:18:13 发布

原创最新推荐文章于 2024-08-08 07:18:13 发布 · 7.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #条形码

javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

条形码

1 篇文章

订阅专栏

本文介绍了如何利用jQuery库创建条形码。通过简单的JavaScript代码示例，展示如何将条形码集成到网页中，适用于产品标识或库存管理等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   <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://wiki.ossez.com/index.php?title=条形码开发包&variant=zh-cn#.E6.9D.A1.E5.BD.A2.E7.A0.81 更多条码见条码开发工具包

生成

详细实例地址点击打开链接

http://download.youkuaiyun.com/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")
	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)

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