npm 包 quagga 使用教程

介绍

Quagga 是一个基于 JavaScript 的条形码和二维码解析库,可用于在网页中读取图像中的条形码和二维码,并提供了丰富的 API 可以进行配置和自定义。

安装

要使用 Quagga,您需要先安装它。您可以使用 npm 进行安装:

--- ------- ------ ------

使用

加载 quagga

在使用 Quagga 之前,您需要将其加载到您的 HTML 文件中:

------- ---------------------------------------

初始化 quagga

在加载 Quagga 后,您需要初始化它:

-------------
    ------------ -
        ----- -------
        ----- -------------
        ------- ---------------------------------    -- ------
    --
    -------- -
        -------- -------------- ------------------   -- ---------
    -
-- -------- ----- -
    -- ----- -
        -----------------
        -------
    -
    --------------------------- --------- ----- -- --------
    ---------------   -- ----
---

这里我们指定了输入流类型为 LiveStream,表示从摄像头或者视频流中读取图像进行解析。同时,我们还指定了需要识别的类型为 EAN 和 Code 128。

处理结果

当 Quagga 解析成功时,会触发 processed 事件。您可以在事件处理程序中获取识别结果:

--------------------------- -------- -
    --- ---- - -----------------------
    ----------------- --------- - - ------
---

停止 quagga

如果您想要停止 Quagga,可以调用 Quagga.stop() 方法。

示例代码

--------- -----
------
------
    ----- ----------------
    ------------- ------------
-------
------
---- ------------------
------- ---------------------------------------
--------
    -------------
        ------------ -
            ----- -------
            ----- -------------
            ------- ---------------------------------
        --
        -------- -
            -------- -------------- ------------------
        -
    -- -------- ----- -
        -- ----- -
            -----------------
            -------
        -
        --------------------------- --------- ----- -- --------
        ---------------
    ---

    --------------------------- -------- -
        --- ---- - -----------------------
        ----------------- --------- - - ------
    ---
---------
-------
-------

结论

Quagga 是一个功能强大的条形码和二维码解析库,它可以轻松地将这些信息读取到您的网页中。使用它的过程非常简单,只需要几行代码即可开始扫描并处理结果。希望本文对您有所帮助!

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/34135