vue条形码插件JsBarcode

所属分类:其他-独立的部件

 7685  40  查看评论 (1)
vue条形码插件JsBarcode ie兼容10

JsBarcode

生成条形码的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

使用方法

引用以下文件

<script src="http://www.jq22.com/jquery/vue.min.js"></script>
<script src='js/JsBarcode.all.min.js'></script>

首先创建画布(或图像)

<svg id="barcode"></svg>
<!-- or -->
<canvas id="canvas"></canvas>
<!-- or -->
<img id="barcode"/>

简单的例子:

JsBarcode("#barcode", "Hi!");
// or with jQuery
$("#barcode").JsBarcode("Hi!");

带有选项的示例:

JsBarcode("#barcode", "1234", {
  format: "pharmacode",
  lineColor: "#0aa",
  width:4,
  height:40,
  displayValue: false
});

更高级的用例:

JsBarcode("#barcode")
  .options({font: "OCR-B"}) // Will affect all barcodes
  .EAN13("1234567890128", {fontSize: 18, textMargin: 0})
  .blank(20) // Create space between the barcodes
  .EAN5("12345", {height: 85, textPosition: "top", fontSize: 16, marginTop: 15})
  .render();

相关插件-独立的部件

jQuery分享插件jquery.share.js

jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等
  独立的部件
 23668  222

jquery生成二维码

jquery生成二维码
  独立的部件
 20174  156

新浪天气、时间获取插件

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
  独立的部件
 21522  186

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 2365  22

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    学习jq 0
    2017/9/5 16:46:00
取消回复