溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了OCR插件Ocrad.js的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
Ocrad.js 相當于是 Ocrad 項目的純 JavaScript 版本，使用 Emscripten 自動轉換。這是一個簡單的 OCR （光學字符識別）程序，可以掃描圖像中的文字回文本。
不像 GOCR.js，Ocrad.js 被設計成一個端口，而不是圍繞可執行的包裝。這意味著后續的圖像處理，并不涉及重新初始化可執行代碼，以便處理圖像盡可能少的進行，因此它需要的時間僅為 GOCR.js 的八分之一。
下面通過一個簡單的 demo 來講解 Ocrad.js。
<html>
<head>
<title>業余草：www.xttblog.com</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>
<h2>Simple Ocrad.js Example</h2>
<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">
<!-- CODE大全：www.codedq.net -->
<img id="pic" src="img/message.png" onload="recognize_image()">
<div id="transcription"></div>
</div>
</body>
</html>ocrad.js 的使用很簡單，首先需要引入 ocrad.js 文件。
<script src="ocrad.js"></script>
ocrad.js 提供了一個全局函數，ocrad以圖像作為參數，以字符串的形式返回識別文本。
var string = OCRAD(image); alert(string);
感謝你能夠認真閱讀完這篇文章，希望小編分享的“OCR插件Ocrad.js的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
