zoukankan      html  css  js  c++  java
  • jquery 条形码 插件jquery-barcode使用

    原文地址:https://www.cnblogs.com/panjinzhao/p/15122783.html

    <script>
                //JsBarcode("#barcode2",    "6901236341384", {
                //                    text: "6901236341384",//覆盖显示的文本
                //                    format:"EAN13",//选择要使用的条形码类型
                //                    displayValue: true,//是否在条形码下方显示文字
                //                     0.84,//设置条之间的宽度
                //                    height: 15,//高度
                //                    margin: 0,//设置条形码周围的空白边距
                   //                 textAlign:"right",//设置文本的水平对齐方式
                //});
    
    
        function generateBarcode() {
            // alert(pluc.mm2px(23) //将10mm转化为单位为px的长度值,结果取整数
               
            //)
            //alert( 
            //  pluc.mm2px(5.5) //将10mm转化为单位为px的长度值,结果取整数
            //)
               $("#bcTarget").empty().barcode(
               '6901236341384',
               "code93",{
                 output:'css',       //渲染方式 css/bmp/svg/canvas
              //bgColor: '#ff0000', //条码背景颜色
              //color: '#00ff00',   //条码颜色
              barWidth: 1,        //单条条码宽度
              barHeight: 19,     //单体条码高度 
              // moduleSize: 5,   //条码大小
              // posX: 10,        //条码坐标X
              // posY: 5,         //条码坐标Y
              addQuietZone: true,  //是否添加空白区(内边距)
               showHRI:true
               }
               );
        }
    
    
        
          function  code93(){
            var value ="6901236341384";
            var btype = "ean13";
            var renderer = "css";
    
            var settings = {
              output:renderer,
              bgColor: "#FFFFFF",
              color: "#000000",
              barWidth: 1,
              barHeight: 19,
              //moduleSize: $("#moduleSize").val(),
              //posX: $("#posX").val(),
              //posY: $("#posY").val(),
              addQuietZone: true
            };
            
              $("#bcTarget").html("").show().barcode(value, btype, settings);
          
          }
    
    
    ///========================================js实现单位互换px/cm/mm篇=========================================
        ;(function(root, factory){
        if(typeof define === 'function' && define.amd){
            define(['pluc'], factory);
        }else if(typeof exports === 'object'){
            module.exports = factory(require('pluc'));
        }else{
            root.pluc = factory('pluc');
        }
    })(this, function(pluc){
        'use strict';
        var ratio = 0; 
        var div = document.createElement('div');
        div.style.width = '1cm';
        div.id = 'puc';
        document.body.appendChild(div);
        var w = getComputedStyle(div, null).width;
        ratio = w.substr(0, w.length - 2);
        div.parentNode.removeChild(div);
        return {
            px2cm :function(px) {
                return Math.round(px * 10 / ratio) / 10;
            },
            px2mm : function(px) {
                var r = ratio / 10;
                return Math.round(px / r);
            },
            cm2px : function(cm) {
                return Math.round(cm * ratio);
            },
            mm2px : function(mm) {
                var r = ratio / 10;
                return Math.round(mm * r);
            }
        }
    })
    
    
      ///=======================js实现单位互换px/cm/mm篇==========================================================
    </script>

    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

    <script src="../js/jquery-barcodeV2_2.js"></script>




    <div id="bcTarget" style="padding: 0px;margin-left: -6px; margin-top: 85px; 75px;" ></div>
  • 相关阅读:
    开发人员的幽默
    SpaceBuilder 1.0RC源代码提供下载
    什么是Alpha,Beta,RC,RTM版
    SQLite数据库参数化编程时,采用命名参数的方式
    ASP.NET第四天数据库知识
    ASP.NET第五天数据库知识
    ASP.NET第五天HTML基础
    ASP.NET第二天HTML基础
    ASP.NET第四天HTML基础
    ASP.NET第一天HTML基础
  • 原文地址:https://www.cnblogs.com/panjinzhao/p/15122783.html
Copyright © 2011-2022 走看看