生成條形碼_jQuery_barcode

  1. <html>
  2.  <head>
  3.    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  4.    <script type="text/javascript" src="jquery-barcode-2.0.1.js"></script>
  5.    <script type="text/javascript">
  6.    
  7.     $(function(){
  8.      $("#bcTarget").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});
  9. });
  10.  
  11.    </script>
  12.  </head>
  13.  <body>
  14.   <div id="bcTarget"></div>
  15.  </body>
  16. </html>
http://wiki.ossez.com/index.php?title=條形碼開發包&variant=zh-cn#.E6.9D.A1.E5.BD.A2.E7.A0.81   更多條碼見 條碼開發工具包

生成

詳細實例地址 點擊打開鏈接

http://download.csdn.net/detail/liubo682115/8861149


  1. <html>
  2.  <head>
  3.    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  4.    <script type="text/javascript" src="jquery-barcode-2.0.1.js"></script>
  5.    <script type="text/javascript">
  6.    
  7.     $(function(){
  8.      $("#bcTarget").barcode("123456789", "codabar",{barWidth:2, barHeight:30});
  9.      $("#genid").click(function(){
  10.       var code = $("#orgcode").val();
  11.       $("#mycode").barcode(code, "codabar",{barWidth:2, barHeight:30});
  12.      });
  13. });
  14.  
  15.    </script>
  16.  </head>
  17.  <body>
  18. 首先自動生成條形碼 123456789
  19. <div id="bcTarget"></div>
  20. 輸入要生成條形碼的數字
  21. <input type="text" id ="orgcode">
  22. <div id="mycode"> </div>
  23. <input type="button"  value="生成條形碼" id="genid"/>
  24. </body>
  25. </html>



生成類型有多種

具體官方文檔

Prototype of the barcode function

  1. 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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章