npm 包 @barn/zxing 使用教程

阅读时长 6 分钟读完

前言

随着二维码的广泛应用,对于解码二维码的需求越来越高,而 zxing 库是一款非常好用的解码库。本文将介绍如何使用 @barn/zxing 这个基于 zxing 的 npm 包来实现解码二维码的功能。

安装依赖

测试

参数

ZXing(filePath, options)

  • filePath: string,必填项,表示待解码的图片路径(支持 jpg、png、gif、bmp 等常见格式)。
  • options: object,可选项。
    • tryHarder: boolean,默认为 false,表示是否尝试扫描复杂的二维码,但相应的解码时间会变长。
    • pureBarcode: boolean,默认为 false,表示待解码的图片是否只包含条形码。
    • multi: boolean,默认为 false,表示待解码的图片中是否含有多个条形码/二维码。

示例代码

更详细的示例代码可以在 barnbridge/zxing-demo 中查看。

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

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

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

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

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

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

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

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

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

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

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

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

结语

本文介绍了 @barn/zxing 这个基于 zxing 的 npm 包的使用教程,顺便分享了一个使用 Socket.IO 实现实时解码二维码的示例代码。希望能对前端开发者有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057b1381e8991b448eb79f

纠错
反馈