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

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

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

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

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

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


2jquery.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)  
 

  1. 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")
      crc2 : string("mod10", "mod11")


      type : datamatrix
      member Type
      code string
      rect boolean (default : false)
  2. 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)
  3. 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示例下载

 


相关阅读

javascript生成二维码

javascript解码读取二维码信息

 



原创文章,转载请注明出处:javascript/jquery绘制条形码/二维码插件barcode
评论(0)Web开发网
阅读(3988)喜欢(0)不喜欢(0)JavaScript/Ajax