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>