您好,登錄后才能下訂單哦!
這篇文章主要介紹了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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。