在vue3中使用tesseract.js实现OCR实现文字识别(识别图片中的文字)

tesseract官网地址:https://tesseract.projectnaptha.com/

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

npm安装依赖:

npm install tesseract.js

页面引入:

import Tesseract from 'tesseract.js'

核心代码:

复制代码
// recognize 第一个参数:图像,第二个:语种
Tesseract.recognize(
  url,
  'eng',
 //  { logger: m => console.log(m) }
).then((d) => {
  console.log(d.data.text);
  ocrStr.value = d.data.text
})
复制代码

在实际运用中使用改用中文,改成自己上传图片识别,可选择语言,效果如下:

 

 

 代码地址:https://gitee.com/yuexiayunsheng/vue3learn/blob/master/src/views/Tesseract.vue

学习参考地址:https://blog.csdn.net/weixin_41734373/article/details/128827405

posted @   月下云生  阅读(3802)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示