[點(diǎn)晴永久免費(fèi)OA]圖片文字識(shí)別(OCR)純JS插件Ocrad.js、GOCR.js教程
Ocrad.js 是 Ocrad 項(xiàng)目的純 Javascript 版本,使用 Emscripten 自動(dòng)轉(zhuǎn)換。這是一個(gè)簡(jiǎn)單的 OCR (光學(xué)字符識(shí)別)程序,可以掃描圖像中的文字回文本。 不像 GOCR.js,Ocrad.js 被設(shè)計(jì)成一個(gè)端口,而不是圍繞可執(zhí)行的包裝。這意味著后續(xù)的圖像處理,并不涉及重新初始化可執(zhí)行代碼,以便處理圖像盡可能少的進(jìn)行,因此它需要的時(shí)間僅為 GOCR.js 的八分之一。 GOCR.js 附件:gocr.rar ocrad.js 附件:Ocrad.rar 下面通過(guò)一個(gè)簡(jiǎn)單的 demo 來(lái)講解 Ocrad.js。 <html>
<head>
<title>test</title>
<style>
body {
background: whiteSmoke;
font-family: sans-serif;
margin: 30px;
}
#transcription, #pic {
background: white;
display: inline-block;
border: 1px solid #ddd;
margin: 10px;
}
#transcription {
font-size: 30px;
padding: 30px;
min-width: 300px;
color: gray;
}
#transcription.done {
color: black;
}
#main {
display: flex;
}
</style>
</head>
<body>
<h1>Simple Ocrad.js Example</h1>
<script src="../../ocrad.js"></script>
<script>
function recognize_image(){
document.getElementById('transcription').innerText = "(Recognizing...)";
OCRAD(document.getElementById("pic"), function(text){
document.getElementById('transcription').className = "done"
document.getElementById('transcription').innerText = text;
})
}
</script>
<div id="main">
<img id="pic" src="img/message.png" onload="recognize_image()">
<div id="transcription"></div>
</div>
</body>
</html>
ocrad.js 的使用很簡(jiǎn)單,首先需要引入 ocrad.js 文件。 <script src="ocrad.js"></script> ocrad.js 提供了一個(gè)全局函數(shù),ocrad以圖像作為參數(shù),以字符串的形式返回識(shí)別文本。 var string = OCRAD(image);
alert(string);
GOCR.js 是 GOCR(開(kāi)源的 OCR 光學(xué)識(shí)別程序)項(xiàng)目的純 Javascript 版本,使用 Emscripten 進(jìn)行自動(dòng)轉(zhuǎn)換。這是一個(gè)簡(jiǎn)單的 OCR (光學(xué)字符識(shí)別)程序,可以掃描圖像中的文字回文本。
該庫(kù)的使用也非常簡(jiǎn)單, 我們只需要引入該庫(kù),輸入如下代碼即可:
var string = GOCR(image);
alert(string);
演示如下:
該文章在 2023/1/4 15:26:48 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |