jquery 条形码插件jquery-barcode使用

最新推荐文章于 2024-04-23 09:32:46 发布

zzm_

最新推荐文章于 2024-04-23 09:32:46 发布

阅读量833

点赞数

文章标签： javascript ViewUI

条码官网：

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

zzm_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 条形码插件jquery-barcode使用

条码官网：http://barcode-coder.com/en/barcode-jquery-plugin-201.html条码中第一个参数是条码内容条形码中的第二个参数：ean8 ean13 std25 int25 code11 code39 code93 code128（一般商品扫描使用） codabar msi datamatrix&lt;script ...
复制链接

扫一扫