vue Tesseract的 ocr 文字识别_vue图片识别文字

npm结果页
https://www.npmjs.com/package/tesseract.js

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

npm结果页: npm结果页
tesseract官网地址: tesseract官网地址

代码

<script setup>


import { ref } from 'vue';

import Tesseract from 'tesseract.js';

// 图片
let eng_bw = 'https://tesseract.projectnaptha.com/img/eng_bw.png' 
let imgRef = ref('')
imgRef.value = eng_bw

let ocrStr = ref('')

// recognize 第一个参数：图像，第二个：语种
Tesseract.recognize(
  eng_bw,
  'eng',
  { logger: m => console.log(m) }
).then((d) => {
  console.log(d.data.text);
  ocrStr.value = d.data.text
})
</script>

<template>
  <div>
    <img :src="imgRef" />
    <p>{{ ocrStr }}</p>
  </div>
 
</template>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34