jsQR 一个完全独立的javascript 二维码识别库

jsQR 一个完全独立的javascript 二维码识别库

月光魔力鸭

2019-06-27 09:19 阅读 6706 喜欢 3 jsQR 二维码识别

jsQR 是一款纯粹的由javascript实现的二维码识别库,可以在浏览器端使用,也可以在后端node.js环境使用。我之前使用过其他的识别库,例如:qrcode-reader 或其他,在使用上都比较麻烦,而且识别率并不高。jsQR是后来发现的,感觉(没有实际对比验证)jsQR识别率要更高些,使用起来也更简单,不需要安装其他依赖软件。

我是通过jsQR来识别扫描图上的二维码信息,扫描图都比较大,分辨率都比较高,之前还想着把图中包含二维码部分的切出来再做处理的,后来发现,识别率还可以,不至于那么惨淡,就没有做,直接把整个图片传递进行识别处理的。

这里只放识别部分的代码,其他的就不贴了,业务很简单,识别某文件夹内所有图片的二维码,然后根据二维码信息做些处理而已。

识别代码

    var jsqr = require('jsqr');
    var Jimp = require('jimp');
    var buffer = fs.readFileSync(filePath);
    Jimp.read(buffer).then(function(blockimg){
        var width = blockimg.bitmap.width,
            height = blockimg.bitmap.height,
            imgData = blockimg.bitmap.data;
        var code = jsqr(imgData,width,height);
        if(code){
            console.log(code.data);//内容
        }else{
            console.log('未识别成功')
        }
    }).catch(function(err2){
        if(err2){
            console.log(err2);
            cb(null,null);
        }
    });

我这里同时又使用了jimp 模块,这个模块也是一个独立的由javascript 实现的一个对图像进行处理的工具,包括一些常见的裁剪、灰度处理、大小、图片质量等。

哪里可以找到他们

npm :

github :

感受

在整理使用上来说,jsQR识别率及调用都相对更好些,近期我会就这个模块以及其他几个模块做下识别率对比,看下哪个更高些。当然如果对于识别率要求不高的话,jsQR在操作上也更简单。

转载请注明出处: https://chrunlee.cn/article/jsqr-qrcode-read.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
在通过chrome浏览器来调用摄像头的时候发现getUserMedia报错,但是本地开发却没有问题,主要原因是https环境的问题。chrome 不允许在非https和非localhost下的非安全环境进行调用。
做作业的时候,需要在手机上预览下,但是发现如果想在移动端上展示A4样子的作业还是挺麻烦的,最后还是准备通过图片来展示,然后移动端缩放呗。。
前端时间搞了个小转码,放在后台,但是特别占带宽,想着能不能从前台把这个事搞定呢?读取图片的二进制,然后将字节流处理后重新生成图片展示处理啊。
今天小程序上传体验版本后莫名无法获取用户数据,但是本地开发环境是正常的,通过开发工具的真机进行测试也正常,但是通过开发工具的预览又不正常,初步来看代码是没有问题的,可能是哪里设置有问题。
现象:在IOS中,jsp页面绑定的点击事件,点击后延迟很大,接近1000ms,反应很慢
在文件上传的时候,经常会对文件的mime进行限制,比如图片 image/jpg 等,让用户可以选择图片,而不是其他的文件。
错误:The operation is insecure . 在使用canvas的 toDataUrl的时候报错,看了很多资料,基本上都说是设置跨域,但是我一直都有的啊。其实,只是顺序错了,setAttribute('crossOrigin','Anonymous') 要在设置 src之前设置。
this 是 JavaScript 的一大难点,多年经验的前端程序员都可能对这方面模糊。this 在大量的函数、类库中都有使用,理清显式绑定和隐式绑定有助于理解或书写这类函数。