React 前端导航

如何实现条形码和二维码扫码

如何实现条形码和二维码扫码, zxing 帮你快速实现

今天要分享的这个模块,在开发网页扫码的时候,可以解决大问题。

zxing 是一个开源的、多格式的一维/二维条码图像处理库,用 Java 实现,可移植到其他语言。

应用场景

老板要你开发一个网页,同时网页要支持打开电脑或者手机摄像头,进行扫码。

那么,这种情况下呢,就可以用到这个叫做 zxing-js/library 的模块。

它的官方介绍如下

Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem.

可用于 JavaScript 生态的多格式一维/二维码图片处理库。

安装

npm i @zxing/library --save

or


yarn add @zxing/library

支持的格式

1D product 1D industrial 2D
UPC-A Code 39 QR Code
UPC-E Code 93 Data Matrix
EAN-8 Code 128 Aztec
EAN-13 Codabar PDF 417
ITF MaxiCode
RSS-14
RSS-Expanded *

在线体验地址

https://zxing-js.github.io/library

github 仓库

https://github.com/zxing-js/library

声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。邮箱:farmerlzj@163.com。 本站原创内容未经允许不得转载,或转载时需注明出处: 内容转载自: React前端网:https://qianduan.shop/blogs/detail/45
想做或者在做副业的朋友欢迎加微信交流:farmerlzj,公众号:生财空间站。

#js#条形码扫码#二维码扫码

相关推荐

原型与原型链、继承

原型与原型链、继承简单实现

浏览器中的js事件循环(Event loop)

本文将简述浏览器中的js事件循环机制,帮助我们理解浏览器环境js代码是如何运行的。Javascript的一大特点是单线程,也就意味着同一时间他只能做一件事。事件循环(Event Loop)是为了协调事件,用户交互,UI渲染,网络处理等行为,防止线程阻塞而诞生的。