圖片文字識別(OCR)插件Ocrad.js教程
Ocrad.js 相當于是 Ocrad 項目的純 JavaScript 版本,使用 Emscripten 自動轉換。這是一個簡單的 OCR (光學字符識別)程序,可以掃描圖像中的文字回文本。
不像 GOCR.js,Ocrad.js 被設計成一個端口,而不是圍繞可執(zhí)行的包裝。這意味著后續(xù)的圖像處理,并不涉及重新初始化可執(zhí)行代碼,以便處理圖像盡可能少的進行,因此它需要的時間僅為 GOCR.js 的八分之一。
GOCR.js 已在 github 進行開源,下載地址
ocrad.js 的csdn資源下載地址
下面通過一個簡單的 demo 來講解 Ocrad.js。
<html> <head> <title>業(yè)余草: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> <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"> <!-- 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 提供了一個全局函數(shù),ocrad以圖像作為參數(shù),以字符串的形式返回識別文本。
var string = OCRAD(image); alert(string);
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
微信小程序與公眾號實現(xiàn)數(shù)據(jù)互通的方法
這篇文章主要介紹了微信小程序與公眾號實現(xiàn)數(shù)據(jù)互通的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-07-07