前言
随着二维码的广泛应用,对于解码二维码的需求越来越高,而 zxing 库是一款非常好用的解码库。本文将介绍如何使用 @barn/zxing 这个基于 zxing 的 npm 包来实现解码二维码的功能。
安装依赖
npm install @barn/zxing --save
测试
const ZXing = require('@barn/zxing'); const imgPath = './test.png'; // 图片路径 ZXing(imgPath) // 将图片路径传入 .then(code => console.log(code)) // 输出二维码信息 .catch(err => console.error(err)); // 当解码失败时输出错误信息
参数
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