zoukankan      html  css  js  c++  java
  • 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{ 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

  • 相关阅读:
    this指向问题
    b继承a的函数
    如何解决跨域问题
    事件冒泡和阻止事件冒泡
    Spring5(二)——IOC
    MySQL基础(四)——
    MySQL基础(二)——常用命令
    MySQL基础(一)——入门
    Linux(二)——常用命令
    Linux(一)——简介
  • 原文地址:https://www.cnblogs.com/shy1766IT/p/6262970.html
Copyright © 2011-2022 走看看