4 套網頁 Web JavaScript 辨識 Barcode 條碼 QR Code 函式庫分享清單
閱讀時間約 1 分鐘
最近有專案需求要在 Web 上進行一個掃描條碼辨識的動作，做了一些功課，有 Open Source 方案跟商業方案，也包括一維條碼跟二維條碼也就是 QR Code，整理起來分享給大家。
Open Source 方案
quaggaJS, quaggaJS2
quaggaJS 是老牌的辨識一維條碼函式庫，2017 年就沒更新了，後續則是由 quaggaJS2 繼續接手維護，直到 2023 年還是有持續更新，可點 Demo 進去試用一下。
html5-qrcode
html5-qrcode 可以辨識一維條碼跟二維條碼也就是 QR Code 的函式庫，有持續更新，可點 Demo 進去試用一下。
商業方案
Dynamsoft
Dynamsoft 一維條碼、二維條碼都可以，還可以用 WebGL 加速辨識，可點 Demo 進去試用一下。
SCANDIT
SCANDIT 一維條碼、二維條碼都可以，可點 Demo 進去試用一下。
結論
基本上每家的函式庫都可以輕鬆辨識條碼，如果沒有什麼特別需求，基本上用 html5-qrcode 就可以輕鬆應付。
如果你喜歡我的文章，你可以使用以下的方式支持我
👀 追蹤我的社群帳號
👏 Vocus 支持我
- 追蹤
- 留言、收藏、按喜歡
- 贊助
💰 使用下面的推薦連結註冊或申辦服務
- 美國 Tello Mobile 邀請連結，領取 $10 美元抵用金
- 樂天國際銀行推薦連結邀請碼 RRWUUE ，領取交友獎勵金 200 元及享有新戶優惠
留言0
查看全部
你可能也想看
Google News 追蹤
本文介紹如何對 Telegram 憑證監控機器人的代碼進行優化，包括新增指令、讀取變數、提高可讀性和可維護性。
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
HTML 語意化標籤，不僅可以使網頁結構更加清晰、易於理解，也對搜索引擎優化(SEO)和提升網頁無障礙訪問性(Accessibility)有明顯的幫助。本文將介紹 HTML 語意化標籤的定義、重要性以及常見的語意化標籤。
本文介紹如何對 Telegram 憑證監控機器人的代碼進行優化，包括新增指令、讀取變數、提高可讀性和可維護性。
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
HTML 語意化標籤，不僅可以使網頁結構更加清晰、易於理解，也對搜索引擎優化(SEO)和提升網頁無障礙訪問性(Accessibility)有明顯的幫助。本文將介紹 HTML 語意化標籤的定義、重要性以及常見的語意化標籤。