利用jquery-barcode.js实现生成条形码
jquery-barcode官网
js下载地址-github
代码示范（官网上也有）
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>
<script type="text/javascript" src="../../js/jquery-barcode.js" charset="utf-8"></script>
<!--<script type='text/javascript' src='http://barcode-coder.com/js/jquery-1.3.2.min.js' charset='utf-8'></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-barcode-last.min.js" charset="utf-8"></script>-->
<script>
$(function(){
$("#bcTarget3").barcode("153510264086cc8e", "code128", {
output: 'css', //渲染方式 css/bmp/svg/canvas
//bgColor: '#ff0000', //条码背景颜色
//color: '#00ff00', //条码颜色
barWidth: 1, //单条条码宽度
barHeight: 30, //单体条码高度
// moduleSize: 10, //条码大小
// posX: 10, //条码坐标X
// posY: 5, //条码坐标Y
showHRI: false, //是否在条码下方显示内容
addQuietZone: false //是否添加空白区（内边距）
});
})
</script>
</head>
<body>
<div id="bcTarget3"></div>
</body>
</html>
一点问题和经验
- 使用编码方式为code128，内容是153510264086cc8e。生成条项码后，用微信或者其他扫一扫，发现扫出来的内容是153510264086bb8d。
- 最终解决： 下载并使用最新版本的js
- 说实话，刚开始遇到这个问题一脸懵，搜索也没有发现解决方案，差点就去使用其他插件了：)
- 动态调整条码的高度（前提：渲染方式output为css），可以指定单位。 $("#bcTarget3 > div").css("height", "0.8cm");
- 因为是打印在特定规格的纸上，我用上一条方法改了条码高度，但是打印出来发现无法识别。
- 解决：将渲染方式output设为bmp，得到能识别的最小高度。
- 注意：ie8不识别bmp形式，也就是说，在ie8上看不见生成的条码。这样的话，记录设为bmp的最小高度h，渲染方式改为css，再动态设置高度，值为h。
利用jquery-barcode.js实现生成条形码的更多相关文章
- js自动生成条形码插件-JsBarcode
JsBarcode.html <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
- jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示
一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二. 添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面 ...
- 利用jquery.touchSwipe.js实现的移动滑屏效果。
利用jquery.touchSwipe.js实现的移动滑屏效果. 亲测:兼容ie8及各种浏览器 <script type="text/javascript" src=&quo ...
- 利用jquery.form.js实现将form提交转为ajax方式提交的方法（带上传的表单提交）
提供一种方法就是利用jquery.form.js. (1)这个框架集合form提交.验证.上传的功能. 核心方法 -- ajaxForm() 和 ajaxSubmit() $('#myForm').a ...
- 使用BarcodeLib.Barcode.ASP.NET生成条形码
生成条形码图片,然后在前台页面展示: <img id="img" src="Mobile/<%=url %>"/> public str ...
- jQuery.qrcode.js客户端生成二维码，支持中文并且可以生成LOGO
描述: jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码.此插件是能够独立使用的,体积也比较 ...
- js 利用jquery.gridly.js实现拖拽并且排序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 如何使用jquery.qrcode.js插件生成二维码
1.首先需要准备 jquery.qrcode.js 和 jquery.js github地址:https://github.com/lrsjng/jquery-qrcode 官方文档地址:http:/ ...
- 【NopCommerce 3.1】asp.net mvc 利用jQuery from.js上传用户头像
纯代码不解释. 在CusotmerControllers中添加上传方法 /// <summary> /// ajax上传用户头像 /// </summary> /// < ...
随机推荐
- L1-Day13
1.Being late is an unforgivable sin here.[我的翻译]在北京,迟到是不可饶恕的罪名.[标准答案]在这里迟到是不可原谅的.[对比分析]对自己的也是醉醉的了,Bei ...
- 项目Alpha冲刺（2/10)
1.项目燃尽图 2.今日进度描述 项目进展 完成数据库和服务器的连接部分,完成了一些应用的基本功能. 问题困难 第一次使用服务器,配置环境部署项目都花了很长时间,学习中存在许多问题. 心得体会 应该早 ...
- Go语言--数组、切片、
3.1 数组--固定大小的连续空间 3.1.1 声明数组 写法 var 数组变量名 [元素数量]T 说明: 变量名就是使用时的变量 元素的数量可以是表达式,最后必须为整型数值 T 可是是任意基本类型, ...
- CSS div内文字显示两行，超出部分省略号显示
1. 概述 1.1 说明 在项目过程中,有时候需要控制div内文字最多显示两行,超出的使用省略号进行处理.使用识别码/前缀-webkit进行处理可直接得到相应效果. 1.1 -webkit WebKi ...
- 获取页面所有a标签href
for(i=0;i<=document.getElementsByTagName("a").length;i++){ console.log(document.getElem ...
- vscode插件解析-BookMark
BookMark (书签):在编辑器中标记行并轻松跳转到它们. commands 书签:Toggle 标记/取消标记带书签的行 书签:Jump to Next 将光标向前移动到下面的书签 书签: ...
- 将字符串转json时，保持顺序
jo_tmp = json.loads(content.decode('utf-8'), object_pairs_hook=collections.OrderedDict)jo = json.dum ...
- FreeRTOS 启动进程调度后，程序卡死的部分原因分析。
现象:1,RTOS 使用时 系统卡启动文件 B .处. 原因分析:该种情况是由于定义开启了中断,但是未开启中断处理服务.程序执行到中断响应式无对应的程序响应 ...
- nginx实现Ipv6地址解析
nginx实现Ipv6地址解析 1.nginx实现Ipv6地址解析 [root@ip-10-109-1-47 conf]# cat nginx.conf worker_processes 2; eve ...
- Web系统中Mic设备的应用实例
>>>>>>>>>>>>>>>>>>>>>>>>> ...