JavaScript条形码生成和扫码识别(Barcode scan)开源库

疯狂的技术宅

发布于 2019-03-27 15:26:46

5.7K0

发布于 2019-03-27 15:26:46

文章被收录于专栏：京程一灯

条码具有易操作、易维护的特点。对于室外场合，使用计算机登记信息非常不方便，通过使用条码，可以在操作现场将采集的条码信息传输到计算机。条码操作简便，极大地提高了系统的使用性。这里介绍分别甚至JavaScript实现的条形码相关开源库。这里介绍分别甚至JavaScript实现的条形码相关开源库。

JsBarcode

JsBarcode 是一个生成条形码的开源库支持的有: CODE128 CODE128 (自动模式切换) CODE128 A/B/C (强制模式)等，在现代流量器上它会生成一个SVG矢量图用来生成条形码，使用如下：

var JsBarcode = require('jsbarcode');
var Canvas = require("canvas");

var canvas = new Canvas();
JsBarcode(canvas, "Hello");

// Do what you want with the canvas
// See https://github.com/Automattic/node-canvas for more information

项目主页： https://github.com/lindell/JsBarcode

quaggaJS

quaggaJS是由H5实现的JavaScript扫码库，能将条形码扫描成文字，支持静态图片和视频流的扫描。使用方法如下：

Quagga.init({
    inputStream : {
      name : "Live",
      type : "LiveStream",
      target: document.querySelector('#yourElement')    // Or '#yourElement' (optional)
    },
    decoder : {
      readers : ["code_128_reader"]
    }
  }, function(err) {
      if (err) {
          console.log(err);
          return
      }
      console.log("Initialization finished. Ready to start");
      Quagga.start();
  });

项目主页 https://github.com/serratus/quaggaJS

往期精选文章
使用虚拟dom和JavaScript构建完全响应式的UI框架
扩展 Vue 组件
使用Three.js制作酷炫无比的无穷隧道特效
一个治愈JavaScript疲劳的学习计划
全栈工程师技能大全
WEB前端性能优化常见方法
一小时内搭建一个全栈Web应用框架
干货：CSS 专业技巧
四步实现React页面过渡动画效果
让你分分钟理解 JavaScript 闭包