博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript条形码生成和扫码识别(Barcode scan)开源库
阅读量:4084 次
发布时间:2019-05-25

本文共 976 字,大约阅读时间需要 3 分钟。

条码具有易操作、易维护的特点。对于室外场合,使用计算机登记信息非常不方便,通过使用条码采集器,可以在操作现场将采集的条码信息保存在采集器中,然后传输到计算机。条码采集器外形轻便,操作简便,不需要安装配置软件系统,极大地提高了系统的使用性。

这里介绍分别甚至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

项目主页:  

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();  });

项目主页  

转载地址:http://rkeni.baihongyu.com/

你可能感兴趣的文章
前端如何搭建一个成熟的脚手架
查看>>
Flutter ListView如何添加HeaderView和FooterView
查看>>
Flutter key
查看>>
Flutter 组件通信(父子、兄弟)
查看>>
Flutter Animation动画
查看>>
Flutter 全局监听路由堆栈变化
查看>>
Android 混合Flutter之产物集成方式
查看>>
Flutter混合开发二-FlutterBoost使用介绍
查看>>
Flutter 混合开发框架模式探索
查看>>
Flutter 核心原理与混合开发模式
查看>>
Flutter Boost的router管理
查看>>
Android Flutter混合编译
查看>>
微信小程序 Audio API
查看>>
[React Native]react-native-scrollable-tab-view(进阶篇)
查看>>
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
查看>>
React Native for Android 发布独立的安装包
查看>>
React Native应用部署/热更新-CodePush最新集成总结(新)
查看>>
react-native-wechat
查看>>
基于云信的react-native聊天系统
查看>>
网易云音乐移动客户端Vue.js
查看>>