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{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

时间: 2024-10-18 03:07:33

jquery 条形码 插件jquery-barcode使用的相关文章

Jquery 分页插件 Jquery Pagination

Jquery 分页插件 Jquery Pagination 分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接拿着各种插件用,想偷懒的同学们也可以用用看: Jquery Pagination 大家可以去这里查看下演示:http://www.xuetub.com/plugin/jquery/221 使用方法也比较简单: <div id="pag

jQuery遮罩插件 jquery.blockUI.js

Overview jQuery BlockUI 插件可以在不同锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为.该插件激活时,会组织用户在页面进行的操作,直到插件被关闭.BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为. 使用jQuery BlockUI,首先需要在jQuery后面引用 jquery.blockUI.js jquery.blockUI.js插件下载地址:http://jquery.malsup.com/block/ 用法很简单,组织用户对页面的交互: $.

分享一款超棒的jQuery旋钮插件 - jQuery knob

转自:http://www.cnblogs.com/gbin1/archive/2012/05/08/2489908.html 在线演示  本地下载 如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQuery knob肯定是一个不错的选择.它使用canvas帮助我们生成超酷的旋钮特效,你可以使用插件选项或者HTML5的data属性来自定义设置插件属性,方便简捷并且优雅,我相信大家肯定会喜欢这个超酷的jQuery插件,如果你有任何问题活着建议请给我们留言! 主

Jquery加密插件jquery.md5.js

使用jquery.md5.js加密插件可以实现在前端进行MD5加密 下载地址:https://github.com/placemarker/jQuery-MD5 使用方法 //Create (hex-encoded) MD5 hash of a given string value: var md5 = $.md5('value'); //Create (hex-encoded) HMAC-MD5 hash of a given string value and key: var md5 = $

jquery日期插件jquery.datePicker参数

1.效果图 2.引入JS.CSS文件 jquery-ui.min.css和jquery-ui.min.js文件 Includes: core.js, widget.js, mouse.js, position.js, accordion.js, autocomplete.js, button.js, datepicker.js, dialog.js, draggable.js, droppable.js, effect.js, effect-blind.js, effect-bounce.js,

分享一个Jquery 分页插件 Jquery Pagination

分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接拿着各种插件用,想偷懒的同学们也可以用用看: Jquery Pagination 大家可以去这里查看下演示:http://www.xuetub.com/plugin/jquery/221 使用方法也比较简单: <div id="page2" class="m-paginat

【转载】jquery 滚动条插件jquery.slimscroll.js

转载http://www.w3cways.com/1910.html jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动. jquery.slimscroll.js不仅可以定义高度.宽度,还可以定义位置.滚动条大小.尺寸.颜色以及众多参数自定义,非常不错,推荐大家使用. 官网地址:https://github.com/kujian/jQuery-slimScroll CND:http://cdn.bootcss.com/jQuery-sl

jquery树形插件 jquery.dynatree.js 的使用

1,在后台拼字符串产生json,json的格式为:[{title :"xxxx",  key: xerx, ,expand:true/false ,children:[{title:"yyyyy",key:eeee,expand:true}, {title:"zzzzz",key:dfds,expand:true}]}]. 这么嵌套下去,实际使用时可以用StringBuffer这样拼字符的速度快些.expand:true时产生的树是展开的,当为f

jQuery遮罩插件jQuery.blockUI.js简介

本文链接:http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/