利用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> /// < ...
随机推荐
- git 解决每次更新代码都要输入用户名密码的解决方案
使用git pull或者git push每次都需要输入用户名和密码很繁琐,耽误时间,现在教大家一条命令实现保存用户名和密码不用再输入 git config --global credential.he ...
- EOCS跨链核心技术内幕
EOCS跨链技术的核心就是ICP模块,ICP即Inter Chain Protocol(跨链交互协议),下面着重介绍ICP工作原理和实现细节. Inter Chain Protocol(ICP) IC ...
- zip4j实现文件压缩与解压缩 & common-compress压缩与解压缩
有时候需要批量下载文件,所以需要在后台将多个文件压缩之后进行下载. zip4j可以进行目录压缩与文件压缩,同时可以加密压缩. common-compress只压缩文件,没有找到压缩目录的API. 1. ...
- 七 Git版本控制
把环境准备 主机名 node1 ip地址10.0.0.11 node2 10.0.0.12 node3 ...
- bzoj 3261
题目描述:这里 可持久化字典树裸题,可以作为模板使用 首先介绍一下可持久化字典树 可持久化字典树,顾名思义,就是一种可持久化的数据结构,常用于处理异或问题 我们看一下题目,发现要求一个最大异或和,但是 ...
- python学习-抓取知乎图片
#!/bin/usr/env python3 __author__ = 'nxz' """ 抓取知乎图片webdriver Chromedriver驱动需要安装,并指定d ...
- 解决 DBMS_AW_EXP: BIN$*****==$0 not AW$
在Oracle 11.2.0.4 版本的数据库中,使用数据泵导出数据时,有可能会遇到这样的提示: 示例1 Connected to: Oracle Database 11g Enterprise Ed ...
- css 自制一些小特效
Github地址 位于gh-pages分支上 https://github.com/a1115040996/MyHTML/ 3D 卡片特效 地址: https://a1115040996.github ...
- C#中判断DataReader是否为空的代码
下面的内容是关于C#中判断DataReader是否为空的内容. if(DataReader.HasRows){}
- 第二次JAVA作业
1 2 3 4