百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

34.9K Star!前端黑科技:浏览器端 OCR,轻松提取图片文字!

itomcoil 2025-02-19 12:22 6 浏览

各位头条的朋友们好!小墨我又来给大家分享好东西啦!

Tesseract.js 是一个纯 JavaScript 实现的光学字符识别(OCR)引擎,可以在浏览器和 Node.js 环境中运行,不用依赖任何服务器端的东西。这意味着你可以在网页、桌面应用甚至手机应用里直接用它来提取文字,简直不要太方便!

功能特点,贼拉风!

除了基本的 OCR 功能外,Tesseract.js 还有一些很厉害的特性:

  • 多语言支持: 支持 100 多种语言,中文识别也没问题!我测试了一下,效果杠杠的!
  • 多种图像格式: JPEG、PNG、GIF、TIFF,通通都能搞定!
  • 自动页面分割: 处理扫描文档,自动分成多页,批量处理 so easy!
  • 版面分析: 能识别文本块、段落、表格这些结构,方便提取关键信息,太智能了!
  • 字符置信度: 每个字符都有置信度评分,方便后续处理,比如过滤掉不确定的字符。

使用方式

先安装:

npm install tesseract.js

然后,几行代码就能搞定 OCR 识别:

import { createWorker } from 'tesseract.js';

(async () => {
  const worker = await createWorker('eng');
  const ret = await worker.recognize('image URL'); // 图片路径或者 URL
  console.log(ret.data.text);
  await worker.terminate();
})();

是不是超级简单?我第一次用的时候也惊呆了!

原理是啥?

Tesseract.js 是基于 Google 的开源 OCR 引擎 Tesseract 开发的。利用 Emscripten 将 C++ 编写的 Tesseract 引擎编译成 WebAssembly 或 asm.js,使其能够在浏览器环境中运行。这项技术太牛了,让以前只能在服务器端运行的复杂程序也能在浏览器里跑起来。

真实体验

我用 Tesseract.js 处理了一些扫描文档和网页截图,识别率相当不错,尤其是在清晰度比较高的情况下,几乎没有错误。速度方面,虽然比不上服务器端的 OCR 引擎,但在浏览器里能做到这个速度,我已经很满意了。

项目地址

https://github.com/naptha/tesseract.js

总结一下,值不值得用?

优点:

  • 易用性:上手简单,API 简洁明了,几行代码就能搞定。
  • 灵活性:浏览器、Node.js 都能用,非常灵活。
  • 开源免费:不花钱,还可以在 GitHub 上贡献代码,给开发者点赞!

缺点:

  • 识别速度:对于复杂的图像,识别速度可能会有点慢。
  • 准确率:图像质量对识别率影响比较大,如果图片太模糊,识别结果可能不太理想。

总的来说,Tesseract.js 是一款非常强大的 OCR 工具,特别适合前端开发者使用。如果你需要在项目中集成 OCR 功能,强烈推荐你试试!

好了,本期的分享就到这里,赶紧去试试吧!咱们下回再见!别忘了点赞关注哦~

相关推荐

PS小技巧 调整命令,让人物肤色变得更加白皙 #后期修图

我们来看一下如何去将人物的皮肤变得更加的白皙。·首先选中图层,Ctrl键加J键复制一层。·打开这里的属性面板,选择快速操作删除背景,这样就会将人物进行单独的抠取。·接下来在上方去添加一个黑白调整图层,...

把人物肤色提亮的方法和技巧

PS后期调白肤色提亮照片的方法。一白遮百丑,所以对于Photoshop后期来说把人物肤色调白是一项非常重要的任务。就拿这张素材图片来说,这张素材图片人脸的肤色主要偏红、偏黄,也不够白皙,该怎样对它进行...

《Photoshop教程》把美女图片调成清爽色彩及润肤技巧

关注PS精品教程,每天不断更新~~室内人物图片一般会偏暗,人物脸部、肤色及背景会出现一些杂点。处理之前需要认真的给人物磨皮及美白,然后再整体润色。最终效果原图一、用修补工具及图章工具简单去除大一点的黑...

PS后期对皮肤进行美白的技巧

PS后期进行皮肤美白的技巧。PS后期对皮肤进行美白的技巧:·打开素材图片之后直接复制原图。·接下来直接点击上方的图像,选择应用图像命令。·在通道这里直接选择红通道,混合这里直接选择柔光,然后点击确定。...

493 [PS调色]调模特通透肤色

效果对比:效果图吧:1、光位图:2、拍摄参数:·快门:160;光圈:8;ISO:1003、步骤分解图:用曲线调整图层调出基本色调。用可选颜色调整图层调整红色、黄色、白色和灰色4种颜色的混合比例。用色彩...

先选肤色再涂面部,卡戴珊的摄影师透露:为明星拍完照后怎么修图

据英国媒体12月17日报道,真人秀明星金·卡戴珊终于承认,她把女儿小北P进了家族的圣诞贺卡,怪不得粉丝们都表示这张贺卡照得非常失败。上周,这位39岁的女星遭到了一些粉丝针对这张照片的批评,她于当地时间...

如何在PS中运用曲线复制另一张照片的色调

怎样把另一张作品的外观感觉,套用到自己的照片上?单靠肉眼来猜,可能很不容易,而来自BenSecret的教学,关键是在PS使用了两个工具,让你可以准确比较两张照片的曝光、色调与饱和度,方便你调整及复制...

PS在LAB模式下调出水嫩肤色的美女

本PS教程主要使用Photoshop使用LAB模式调出水嫩肤色的美女,教程调色比较独特。作者比较注重图片高光部分的颜色,增加质感及肤色调红润等都是在高光区域完成。尤其在Lab模式下,用高光选区调色后图...

在Photoshop图像后期处理中如何将人物皮肤处理得白皙通透

我们在人像后期处理中,需要将人物皮肤处理的白皙通透,处理方法很多,大多数都喜欢使用曲线、磨皮等进行调整,可以达到亮但是不透,最终效果往往不是很好,今天就教大家一种如何将任务皮肤处理得白皙通透,希望能帮...

PS调色自学教程:宝宝照片快速调通透,简单实用!

PS调色自学教程:宝宝照片快速调通透。·首先复制图层,然后选择进入ACR滤镜,选择曲线锁定照片的亮部,也就高光位置,其他部位补亮一点,尤其是阴影的部位补亮多一些,让画面的层次均匀一点。·然后回到基本项...

【干货】如何利用PS进行人物美化

人物图像美化在Photoshop中非常常用,Photoshop作为一款功能强大的图像处理软件,不仅可以对人像进行基本的调色、美化和修复等处理,还可以改变人物的线条和幅度,如调整脸部器官和脸型的大小、调...

教大家一种可以快速把肤色处理均匀的方法@抖音短视频

快速把肤色处理均匀的方法。今天教大家一种可以快速把肤色处理均匀的方法。像这张照片整体肤色走紫红色,但是局部偏黄缘处理起来非常的麻烦。其实我们只需要新建空白图层,图层混合模式更改为颜色,再选择画笔工具把...

PS调色教程 利用RAW调出干净通透的肤色

要么不发,要么干货。后期教程来噜~用RAW调出干净通透的肤色。这次终于不会原片比PS后好看了吧。如果你依然这么觉得,请不要残忍的告诉我这个事实,泪谢TAT)附送拍摄花絮,感谢各位的支持更多风格请关注m...

photoshop后期皮肤变白的技巧

PS后期皮肤变白的技巧。1.PS后期让皮肤变白的方法有很多种,接下来教你一种非常简单容易上手的方法。2.打开素材图片之后,直接在小太极下拉框的位置添加一个纯色调整图层,颜色设置一个纯白色,点击...

Photoshop调出人物的淡雅粉嫩肤色教程

本教程主要使用Photoshop调出人物的淡雅粉嫩肤色教程,最终的效果非常的通透迷人,下面让我们一起来学习.出自:86ps效果图:原图:1、打开原图复制一层。2、用Topaz滤镜磨皮(点此下载)。3、...