介绍
Quagga 是一个基于 JavaScript 的条形码和二维码解析库，可用于在网页中读取图像中的条形码和二维码，并提供了丰富的 API 可以进行配置和自定义。
安装
要使用 Quagga，您需要先安装它。您可以使用 npm 进行安装：
npm install quagga --save
使用
加载 quagga
在使用 Quagga 之前，您需要将其加载到您的 HTML 文件中：
<script src="./path/to/quagga.min.js"></script>
初始化 quagga
在加载 Quagga 后，您需要初始化它：
-- -------------------- ---- -------
-------------
------------ -
----- -------
----- -------------
------- --------------------------------- -- ------
--
-------- -
-------- -------------- ------------------ -- ---------
-
-- -------- ----- -
-- ----- -
-----------------
-------
-
--------------------------- --------- ----- -- --------
--------------- -- ----
---这里我们指定了输入流类型为 LiveStream，表示从摄像头或者视频流中读取图像进行解析。同时，我们还指定了需要识别的类型为 EAN 和 Code 128。
处理结果
当 Quagga 解析成功时，会触发 processed 事件。您可以在事件处理程序中获取识别结果：
Quagga.onProcessed(function (result) {
var code = result.codeResult.code;
console.log("Code detected: " + code);
});停止 quagga
如果您想要停止 Quagga，可以调用 Quagga.stop() 方法。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ------------
-------
------
---- ------------------
------- ---------------------------------------
--------
-------------
------------ -
----- -------
----- -------------
------- ---------------------------------
--
-------- -
-------- -------------- ------------------
-
-- -------- ----- -
-- ----- -
-----------------
-------
-
--------------------------- --------- ----- -- --------
---------------
---
--------------------------- -------- -
--- ---- - -----------------------
----------------- --------- - - ------
---
---------
-------
-------结论
Quagga 是一个功能强大的条形码和二维码解析库，它可以轻松地将这些信息读取到您的网页中。使用它的过程非常简单，只需要几行代码即可开始扫描并处理结果。希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34135