电商小程序示例_JS条形码(一维码)插件JsBarcode用法

发布时间:2021-01-12 11:58 作者:jianzhan

摘要: JS条形码(一维码)软件JsBarcode使用方法详细说明【编号种类、主要参数、特性】 本文关键详细介绍了JS条形码(一维码)软件JsBarcode使用方法,比较详尽的剖析了条形码软件JsBarcode编号

JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】       这篇文章主要介绍了JS条形码(一维码)插件JsBarcode用法,较为详细的分析了条形码插件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

代码:

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" / 
 meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" / 
 title /title 
 script type="text/javascript" src="jquery-2.1.3.min.js" /script 
 script type="text/javascript" src="js/JsBarcode.all.js" /script 
 /head 
 body 
 svg id="svgcode" /svg 
 !-- or -- 
 canvas id="canvascode" /canvas 
 !-- or -- 
 img id="imgcode" / 
 script 
 $("#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!");
 /script 
 /body 
 /html 

JsBarcode 我们还可以设置条码的一些属性(可设置属性详细介绍 链接:)

 img / 
 script 
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//设置条形码周围的空白边距
 /script 

GitHub:lindell/JsBarcode
条码生成器:JsBarcode/generator/
JsBarcode示例与设置:lindell/pen/mPvLXx editors=1010
简单的JsBarcode演示:lindell/pen/eZKBdO editors=1010

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》

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


  • 新零售袭来!商场买东西

    随着着互联网的发展趋势发展趋势,新零售早就涉及到到到每个行业,大型商场购物也不例外,在网上线下推广营销推广融合早已慢慢加快,盒马鲜生鲜生鲜食品生、小孩子王、易果生

  • 网络红人祖父姥姥攻占抖

    “姥姥,安全性带!”“鹌鹑蛋?”“安全性带!”坐着副驾上的蔡昀恩的姥姥总算听得懂了,笑着自我调侃是个美味婆。 这则视頻在抖音短视频上获得了二百万个赞,走上了当天最火

  • 聪慧书籍馆管理方法系统

    原题目:聪慧书籍馆管理方法系统软件计划方案/APP/微信小程序/微信公众号/网站 伴随着大家对书籍要求的持续提升,及其书籍馆总数的持续提升,传统式的彻底靠人力管理方法的书籍

  • 小区团购价从哪来?怎样

    原题目:小区团购价从哪来?怎样赢利?今日全都告知你! 文章内容分成三一部分,念完仅需3分鐘:1、小区团购价的样子,2、小区团购价系统软件有挣到钱,3、如何做小区团购价微

  • 微信小程序姿势不断,燃

    原题目:微信小程序姿势不断,燃起手机微信品牌街电子商务那把火? 依据《今年上半年度微信小程序互连网发展趋势汇报》显示信息,手机微信微信小程序总数超3二十万,每日活跃