vue条形码插件JsBarcode

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

 2604  28  查看评论 (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();

相关插件-独立的部件

vue条形码插件JsBarcode

JsBarcode 是用 JavaScript 编写的条形码生成器。它支持在浏览器和Node.js多条码格式。当它用于web时, 它没有依赖关系, 但是如果您加入了jQuery,它将与jQuery协同工作。
  独立的部件
 2604  28

jquery-ui改良版

jquery-ui或许你都看厌了那些ui,改良后的ui较为现代化
  独立的部件
 14197  52

jQuery自定义鼠标右键菜单

jQuery自定义鼠标右键菜单插件jquery.contextMenu.js
  独立的部件
 3082  48

鼠标右键插件context.js

简单、好用 、轻量的右键菜单插件context.js
  独立的部件
 3282  27

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

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