vue条形码插件JsBarcode

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

 1079  18  查看评论 (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-webcam-plugin

这是一个封装了摄像功能的jQuery插件。它可以通过一个透明的层直接与JavaScript交互
  独立的部件
 42039  93

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 5503  145

Javascript图片文字识别插件JS-OCR

我们将使用Javascript图片文字识别插件JS-OCR,来通过拍照识别照片或者图片中的文字,请使用Chrome浏览器,并且确认启动你的摄像头支持。
  独立的部件
 10104  39

返回头部toTop

jQuery.toTop 是一款轻量级的 jQuery 返回顶部插件,压缩后不到 1KB。同时它也是可定制的,你可以设置是否自动隐藏、滚动时间、位置等等。
  独立的部件
 14964  150

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

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