最近有專案需求要在 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 元及享有新戶優惠