该项目诞生于一次爬虫事件,当时一时兴起想把某租房网信息爬下来,前面进行的仍是挺顺畅的,可是在租房价格信息上被摆了一道,房屋的价格信息为一个数字图片为底加上偏移量来显示的,和雪碧图同样的实现方式,固然,其中加上了一点小算法,具体以下。javascript
获取数字图片信息和 offset
信息前端
{ "offset": [ [1, 4, 2, 8], [5, 1, 7, 8], [5, 1, 3, 8], ... ] }
由 offset 信息加上一点算法得出 position
信息java
(background-position: xxx px)
append
到价格信息他应该在地方略一思索,倒也不是什么大事儿,只要加个识别的过程再辅以算法便可。node
在实行图像识别的过程当中借助到了 google
的开源软件 tesseract-OCR
,由于爬虫环境是 node
,遂写了一个适用于 tesseract-OCR
最新版本的 node
插件,后续还添加了命令行使用的功能。git
若是以为我对你有帮助,不妨给我个 star 吧,蟹蟹~github
想要使用图像识别首先要确保电脑中已经安装了 tesseract-OCR
点击下载。npm
想要使用命令行建议全局安装网络
npm install node-tesr -g
tesr --from=./test/output.jpg --to=./output.txt
参数说明app
--from 须要识别的图片路径(必须) --to 若传入此参数会将识别的文字输出到该文件下(非必须,默认会将识别内容输出到命令行) --l 识别语言,对中文稍微作了点处理,识别简体 --l=chs,识别繁体 --l=cht(非必须,默认为 eng) --p 见 lib/config.js 里的说明(非必须,默认为 3 自动模式) --o 见 lib/config.js 里的说明(非必须,默认为 3 自动模式)
npm install node-tesr
const tesseract = require('node-tesr') tesseract('./output.jpg', { l: 'eng', oem: 3, psm: 3 }, function(err, data) { // 此处得到识别内容 console.log(data) }) // 或者以下也可 tesseract('./output.jpg', function(err, data) { // 此处得到识别内容 console.log(data) })
经测试效果仍是不错的,可是有一点须要注意一下,上面提到该网站的数字图片是透明底的,测试发现 tesseract-OCR
对透明底的彷佛无解,这个时候就须要结合一下 images
这个 node
插件
let images = require('images') images(500, 100) .fill(0xff, 0xff, 0xff, 1) .draw(images('demo.png'), 10, 10) .save('output.jpg', { quality: 100 })
将透明底填充为白底便可正常识别
老板!个人图像识别率很低怎么破!
来,看这里,这个能够提升图像识别率。
then
来处理回调代码即人生,我甘之如饴。
我在这里 gayhub@jsjzh 欢迎你们来找我玩儿。
欢迎小伙伴们直接加我,拉你进群一块儿学习前端呀,记得备注一下你来自哪里哦。