圖片文字識別(OCR)插件Ocrad.js教程
Ocrad.js 相當(dāng)于是 Ocrad 項(xiàng)目的純 JavaScript 版本,使用 Emscripten 自動(dòng)轉(zhuǎn)換。這是一個(gè)簡單的 OCR (光學(xué)字符識別)程序,可以掃描圖像中的文字回文本。
不像 GOCR.js,Ocrad.js 被設(shè)計(jì)成一個(gè)端口,而不是圍繞可執(zhí)行的包裝。這意味著后續(xù)的圖像處理,并不涉及重新初始化可執(zhí)行代碼,以便處理圖像盡可能少的進(jìn)行,因此它需要的時(shí)間僅為 GOCR.js 的八分之一。
GOCR.js 已在 github 進(jìn)行開源,下載地址
ocrad.js 的csdn資源下載地址
下面通過一個(gè)簡單的 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 提供了一個(gè)全局函數(shù),ocrad以圖像作為參數(shù),以字符串的形式返回識別文本。
var string = OCRAD(image); alert(string);
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- HTML+JS實(shí)現(xiàn)“代碼雨”效果源碼(黑客帝國文字下落效果)
- js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁面彈出自定義文字效果
- JS實(shí)現(xiàn)排行榜文字向上滾動(dòng)輪播效果
- javascript(基于jQuery)實(shí)現(xiàn)鼠標(biāo)獲取選中的文字示例【測試可用】
- JS實(shí)現(xiàn)簡單的文字無縫上下滾動(dòng)功能示例
- 解決Python下json.loads()中文字符出錯(cuò)的問題
- 原生JS實(shí)現(xiàn)旋轉(zhuǎn)輪播圖+文字內(nèi)容切換效果【附源碼】
- 基于js實(shí)現(xiàn)逐步顯示文字輸出代碼實(shí)例
相關(guān)文章
微信小程序與公眾號實(shí)現(xiàn)數(shù)據(jù)互通的方法
這篇文章主要介紹了微信小程序與公眾號實(shí)現(xiàn)數(shù)據(jù)互通的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07JS將滑動(dòng)門改為選項(xiàng)卡(需鼠標(biāo)點(diǎn)擊)的實(shí)現(xiàn)方法
這篇文章主要介紹了JS將滑動(dòng)門改為選項(xiàng)卡(需鼠標(biāo)點(diǎn)擊)的實(shí)現(xiàn)方法,涉及JavaScript頁面元素遍歷及樣式替換的相關(guān)技巧,再通過onmouseover與onclick即可分別實(shí)現(xiàn)滑動(dòng)門與選項(xiàng)卡兩種效果,需要的朋友可以參考下2015-09-09javascript發(fā)表評論或者留言時(shí)的展開效果
javascript發(fā)表評論或者留言時(shí)的展開效果...2007-07-07JavaScript聲明函數(shù)的5種方法小結(jié)
本文主要介紹了JavaScript聲明函數(shù)的5種方法小結(jié),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02