html生成一维码,JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】...

本文实例讲述了JS条形码插件JsBarcode用法。分享给大家供大家参考，具体如下：

这里介绍一下在GitHub生成条形码的js插件→JsBarcode

条码支持的有:

CODE128 CODE128 (自动模式切换)

CODE128 A/B/C (强制模式)

EAN EAN-13

EAN-8

EAN-5

EAN-2

UPC (A)

CODE39

ITF-14

MSI MSI10

MSI11

MSI1010

MSI1110

Pharmacode

Codabar

代码：

$("#svgcode").JsBarcode('Hi!');//or JsBarcode("#svgcode", "Hi!");

$("#canvascode").JsBarcode('Hello world!');//or JsBarcode("#canvascode", "Hello world!");

$("#imgcode").JsBarcode("I'm huangenai!");//or JsBarcode("#imgcode", "I'm bwju!");

JsBarcode("#imgcode", "123", {

format: "CODE39",//选择要使用的条形码类型

width:3,//设置条之间的宽度

height:100,//高度

displayValue:true,//是否在条形码下方显示文字

text:"456",//覆盖显示的文本

fontOptions:"bold italic",//使文字加粗体或变斜体

font:"fantasy",//设置文本的字体

textAlign:"left",//设置文本的水平对齐方式

textPosition:"top",//设置文本的垂直位置

textMargin:5,//设置条形码和文本之间的间距

fontSize:15,//设置文本的大小

background:"#eee",//设置条形码的背景

lineColor:"#2196f3",//设置条和文本的颜色。

margin:15//设置条形码周围的空白边距

});

GitHub：https://github.com/lindell/JsBarcode

条码生成器：http://lindell.me/JsBarcode/generator/

JsBarcode示例与设置：http://codepen.io/lindell/pen/mPvLXx?editors=1010

简单的JsBarcode演示：http://codepen.io/lindell/pen/eZKBdO?editors=1010

希望本文所述对大家JavaScript程序设计有所帮助。

html生成一维码,JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】...相关推荐

vue.js根据数据循环生成表格_vue.js循环for（列表渲染）详解
vue.js循环for(列表渲染)详解一.总结一句话总结: v-for {{ item.message }} var example1 = new Vue({ el: '#example-1', ...
Js中String对象方法replace()用法详解
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. 语法 stringObject.replace(regexp/substr,replacement) ...
js form表单onsubmit事件用法详解
onsubmit事件是当表单提交时进行相关js操作的一个事件.(但是有疑问) onsubmit 事件会在表单中的确认按钮被点击时发生.当该事件触发的函数中返回false时,表单就不会被提交. 请看下面 ...
uni-app二维码、条形码扫码自定义
uni-app二维码.条形码扫码自定义 - DCloud问答 https://github.com/xiaowang1314/uniapp-plugin-collections/blob/master ...
aes js加密php解密实例,基于PHP和JS的AES相互加密解密方法详解(CryptoJS)_PHP_JS_AES源码...
[实例简介] 基于PHP和JS的AES相互加密解密方法详解(CryptoJS)_PHP_JS_AES源码 [实例截图] [核心代码] 基于PHP和JS的AES相互加密解密方法详解(CryptoJS)_ ...
C++中const关键字用法详解及实例和源码下载（一）
最近在学习C++基础部分,看了两天书,已经看过了一遍,半知半解,回过头来重新看第二遍,深入了解一下C++的基础知识.现在读到了const关键字的用法,书上面讲解的时候并没有给出完整的实例,只是理论的讲 ...
KBQA_多轮对话——模型源码解析（一）Pickle模块功能详解
KBQA_多轮对话--模型源码解析(一)Pickle模块功能详解 pickle --- Python 对象序列化的基本功能 1.pickle基本概念 2.pickle 与 json 模块的比较 3.p ...
Pandas中loc和iloc函数用法详解（源码+实例）
loc函数:通过行索引 "Index" 中的具体值来取行数据(如取"Index"为"A"的行) iloc函数:通过行号来取行数据(如取第二行 ...
【SA8295P 源码分析】53 - mifs.build.tmpl 脚本详解：启动QNX procnto-smp-instr微内核、启动QNX串口终端shell、加载解析并执行ifs2_la.img
[SA8295P 源码分析]53 - mifs.build.tmpl 脚本详解:启动QNX procnto-smp-instr微内核.启动QNX串口终端shell.加载解析并执行ifs2_la.img ...
js截取图片裁剪图片之cropper.js插件用法详解
js截取图片裁剪图片之cropper.js插件用法详解源码:https://github.com/fengyuanchen/cropper 引入+使用 <link href="/p ...

html生成一维码,JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】...

html生成一维码,JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】...相关推荐

最新文章

热门文章