jquery 条形码 插件jquery-barcode使用

 

转载文章   jquery 条形码 插件jquery-barcode使用

 

条码官网：

http://barcode-coder.com/en/barcode-jquery-plugin-201.html

条码中第一个参数 是条码内容

条形码中的第二个参数：

ean8  ean13  std25  int25  code11  code39  code93  code128（一般商品扫描使用）  codabar  msi  datamatrix

 

<script src="./jquery-2.0.3.min.js"></script>
<script src="./jquery-barcode-last.min.js"></script>
<script>
    $(function(){
        $("#bcTarget").barcode("5693691811000083", "code128",{
          output:'css',       //渲染方式 css/bmp/svg/canvas
          //bgColor: '#ff0000', //条码背景颜色
          color: '#00ff00',   //条码颜色
          barWidth: 2,        //单条条码宽度
          barHeight: 100,     //单体条码高度
          // moduleSize: 5,   //条码大小
          // posX: 10,        //条码坐标X
          // posY: 5,         //条码坐标Y
          addQuietZone: false  //是否添加空白区（内边距）
        });
    })
</script>
<style type="text/css">
    /*#bcTarget{width: 400px;height: 100px;}*/
</style>
</head>
<body>
    <div id="bcTarget"></div>
</body>

 

 

//应用时可能用到参数选项  
  var barcodeSettings = {
        addQuietZone: false,      //是否添加空白区（内边距）
        bgColor: "#FFFFFF",  //条码背景颜色
        color: "#000000",    //条码颜色
        fontSize: 12,   //条码字体大小
        marginHRI: 5,  //条码字体距条码中心的高度
        barWidth: "1",  //单条条码宽度
        barHeight: "60"  //单体条码高度
    };
//jquery-barcode插件中的参数选项  
    /*
     defaultsettings: {
     barWidth: 1,
     barHeight: 50,
     moduleSize: 5,
     showHRI: true,
     addQuietZone: true,
     marginHRI: 5,
     bgColor: "#FFFFFF",
     color: "#000000",
     fontSize: 10,
     output: "css",  //渲染方式 css/bmp/svg/canvas
     posX: 0,
     posY: 0
     }
     */

 

 

posted @ 2018-05-26 17:10  cralor  阅读(7044)  评论(0)  编辑  收藏  举报