转载文章   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

     }

     */

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

  1. jQuery滚动条插件 – jquery.slimscroll.js

    jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动.jquery.slimscroll.js不仅可以定义高度.宽度,还可以定义位置.滚动条大小 ...

  2. Jquery 分页插件 Jquery Pagination

    Jquery 分页插件 Jquery Pagination 分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也 ...

  3. jQuery分页插件(jquery.page.js)的使用

    效果描述: 不用分页即可显示的jQuery插件 jQuery分页插件——jQuery.page.js用法很简单,效果很棒   1.前端   首先html的head中引入相关css与js <lin ...

  4. JQuery多媒体插件jQuery Media Plugin使用详解

    malsup jquery media plugin 该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, ...

  5. jQuery遮罩插件 jquery.blockUI.js

    Overview jQuery BlockUI 插件可以在不同锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为.该插件激活时,会组织用户在页面进行的操作,直到插件被关闭.BlockUI通过向DO ...

  6. jQuery国际化插件 jQuery.i18n.properties 【轻量级】

    jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,“i”为单词的第 ...

  7. 使用jQuery的插件jquery.corner.js来实现圆角效果-详解

    jquery.corner.js可以实现各种块级元素的角效果,以下为演示,详见jquery_corner.html中的注释部分,并附百度盘下载 jquery_corner.html代码如下: < ...

  8. flot - jQuery 图表插件(jquery.flot)使用

    Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 特别注意Flot使用的是UTC时间,最好修改flot.js去掉所有的UTC ...

  9. 分享一个Jquery 分页插件 Jquery Pagination

    分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接 ...

随机推荐

  1. Code obfuscatio （翻译!）

    Description Kostya likes Codeforces contests very much. However, he is very disappointed that his so ...

  2. VS2013运行C++报错：This function or variable may be unsafe. Consider using fopen_s instead.

    在vs2013中运行时发生的关于方法调用的不安全错误. 1.更换方法,但是有些方法更改后参数不变,所以可能比较麻烦. 2.添加一条预处理器定义: 点击项目——>属性——>c/c++——&g ...

  3. 接口文档管理工具-Postman、Swagger、RAP（转载）

    接口文档管理工具-Postman.Swagger.RAP 转自:http://www.51testing.com/html/10/n-3715910.html 在项目开发测试中,接口文档是贯穿始终的. ...

  4. 机器学习——DBN深度信念网络详解（转）

    深度神经网路已经在语音识别,图像识别等领域取得前所未有的成功.本人在多年之前也曾接触过神经网络.本系列文章主要记录自己对深度神经网络的一些学习心得. 简要描述深度神经网络模型. 1.  自联想神经网络 ...

  5. 【Docker 命令】- pull命令

    docker pull : 从镜像仓库中拉取或者更新指定镜像 语法 docker pull [OPTIONS] NAME[:TAG|@DIGEST] OPTIONS说明: -a :拉取所有 tagge ...

  6. 【.NET】- async await 异步编程

    为什么需要异步,异步对可能起阻止作用的活动(例如,应用程序访问 Web 时)至关重要. 对 Web 资源的访问有时很慢或会延迟. 如果此类活动在同步过程中受阻,则整个应用程序必须等待. 在异步过程中, ...

  7. Java InputStream转File

    文件处于磁盘上或者流处于内存中 在输入流有已知的和预处理的数据时,如在硬盘上的文件或者在流处于内存中.这种情况下,不需要做边界校验,并且内存容量条件允许的话,可以简单的读取并一次写入. InputSt ...

  8. java邮件开发

    一.邮件协议: (重点)SMTP:发送邮件的协议.Simple Message Transfer Protocal.默认端口:25 POP:邮局协议(收件协议).Post Office Protoca ...

  9. BZOJ 1055 玩具取名(区间DP)

    很显然的区间DP,定义dp[i][j][k], 如果dp[i][j][k]=1表示字符串[i,j]可以组成k字符. # include <cstdio> # include <cst ...

  10. springboot 在tomcat中启动两次

    我开始以为眼花了,tomcat启动的时候, .   ____          _            __ _ _ /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \( ...