码迷,mamicode.com
首页 > Web开发 > 详细

jquery 条形码 插件jquery-barcode使用

时间:2017-01-08 23:58:06      阅读:2440      评论:0      收藏:0      [点我收藏+]

标签:技术分享   空白   css   images   settings   alt   set   jquer   博客   

条码官网:

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
     }
     */

博客原文:http://www.wujiangwei.win/?p=79

jquery 条形码 插件jquery-barcode使用

标签:技术分享   空白   css   images   settings   alt   set   jquer   博客   

原文地址:http://www.cnblogs.com/shy1766IT/p/6262970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!