jquery 条形码 插件jquery-barcode使用

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

<script>
            //JsBarcode("#barcode2",    "6901236341384", {
            //                    text: "6901236341384",//覆盖显示的文本
            //                    format:"EAN13",//选择要使用的条形码类型
            //                    displayValue: true,//是否在条形码下方显示文字
            //                    width: 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; width: 75px;" ></div>

 

posted @ 2021-08-10 11:11  纵一苇之所如-  阅读(1109)  评论(0编辑  收藏  举报