利用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> /// < ...
随机推荐
- GDB程序调试工具
GDB程序调试工具 GDB主要完成下面三个方面的功能: 启动被调试程序 让被调试程序在指定的位置停住 当程序被停住时,可以检查程序状态 GDB快速入门 编译生成可执行文件 gcc -g test.c ...
- mysql并发控制之快照读和当前读
上一篇简单的介绍了下MVCC(多版本并发控制)的原理,MVCC会对事物内操作的数据做多版本控制,从而实现并发环境下事物对数据写操作的阻塞不影响读操作的性能.而这个多版本控制的实现是由undo log来 ...
- pandas基础用法
首先生成一维数组 data = pd.Series([1,2,3,4,5,6,7,8,9])data运行结果 data.head()#默认取前五条,当然也可以加参数 data.tail()#默认取前五 ...
- redis批量灌库
需求:将批量数据灌入redis中 如果通过代码形式将数据灌入redis中,效率比较低,以下将根据redis的特性进行快速的批量灌库 环境:centos7 将数据整理成规定格式的文件,比如: SET k ...
- 20175204 张湲祯 2018-2019-2《Java程序设计》第七周学习总结
20175204 张湲祯 2018-2019-2<Java程序设计>第七周学习总结 教材学习内容总结 -第八章常用实用类要点: 一.String类: 1.String类所在的包:java. ...
- Appnium-API-Session
Session Create New Session Java: DesiredCapabilities desiredCapabilities = new DesiredCapabilities() ...
- MailKit系列之转发电子邮件
原文:http://www.it1352.com/429181.html 问题 我尝试通过MailKit访问一个IMAP账号,我设法下载邮件(作为的MimeMessage),并在某些时候我需要转发给其 ...
- COGS2187 [HZOI 2015] 帕秋莉的超级多项式
什么都别说了,咱心态已经炸了... question 题目戳这里的说... 其实就是叫你求下面这个式子的导函数: noteskey 其实是道板子题呢~ 刚好给我们弄个多项式合集的说... 各种板子粘贴 ...
- 从头开始学gradle【各系统安装gradle】
所有的环境都是基于jdk1.8 java -version windows安装 下载对应的gradle.zip安装包,解压到指定文件即可,然后配置相应的环境变量即可使用 linux/mac 安装 mk ...
- python正则表达式--分组、后向引用、前(后)向断言
无名.有名分组 (1)正则表达式—无名分组 从正则表 达式的左边开始看,看到的第一个左括号“(”表示表示第一个分组,第二个表示第二个分组, 依次类推. 需要注意的是,有一个隐含的全局分组(就是索引号为 ...