vue条形码插件JsBarcode

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

 5283  36  查看评论 (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();

相关插件-独立的部件

新浪天气、时间获取插件

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

可自定义轻量侧边悬浮插件

可以自定义悬浮.邮箱、QQ、电话、二维码等....
  独立的部件
 6443  115

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 6090  135

jQuery表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 19720  160

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

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