圖片文字識(shí)別（OCR）插件Ocrad.js教程
Ocrad.js 相當(dāng)于是 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 已在 github 進(jìn)行開(kāi)源，下載地址
ocrad.js 的csdn資源下載地址
下面通過(guò)一個(gè)簡(jiǎn)單的 demo 來(lái)講解 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 的使用很簡(jiǎn)單，首先需要引入 ocrad.js 文件。
<script src="ocrad.js"></script>
ocrad.js 提供了一個(gè)全局函數(shù)，ocrad以圖像作為參數(shù)，以字符串的形式返回識(shí)別文本。
var string = OCRAD(image); alert(string);
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- HTML+JS實(shí)現(xiàn)“代碼雨”效果源碼（黑客帝國(guó)文字下落效果）
- js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面彈出自定義文字效果
- JS實(shí)現(xiàn)排行榜文字向上滾動(dòng)輪播效果
- javascript（基于jQuery）實(shí)現(xiàn)鼠標(biāo)獲取選中的文字示例【測(cè)試可用】
- JS實(shí)現(xiàn)簡(jiǎn)單的文字無(wú)縫上下滾動(dòng)功能示例
- 解決Python下json.loads()中文字符出錯(cuò)的問(wèn)題
- 原生JS實(shí)現(xiàn)旋轉(zhuǎn)輪播圖+文字內(nèi)容切換效果【附源碼】
- 基于js實(shí)現(xiàn)逐步顯示文字輸出代碼實(shí)例
相關(guān)文章
用原生js做個(gè)簡(jiǎn)單的滑動(dòng)效果的回到頂部
很多網(wǎng)頁(yè)在下方都會(huì)放置一個(gè)“返回頂部”按鈕，這樣可以幫助訪客重新找到導(dǎo)航或者重溫一遍廣告，于是將返回頂部功能做成了滑動(dòng)效果2014-10-10
解決layui下拉框監(jiān)聽(tīng)問(wèn)題(監(jiān)聽(tīng)不到值的變化)
今天小編就為大家分享一篇解決layui下拉框監(jiān)聽(tīng)問(wèn)題(監(jiān)聽(tīng)不到值的變化)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js操作Cookie包括:寫cookies、讀取cookies、刪除cookies以及使用示例，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了微信小程序 授權(quán)登錄詳解（附完整源碼）,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JS中數(shù)組與對(duì)象相互轉(zhuǎn)換的實(shí)現(xiàn)方式
這篇文章主要介紹了JS中數(shù)組與對(duì)象相互轉(zhuǎn)換的實(shí)現(xiàn)方式，文章通過(guò)代碼示例講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-04-04
加載遠(yuǎn)程圖片時(shí),經(jīng)常因?yàn)榫彺娑貌坏礁碌慕鉀Q方法(分享)
本篇文章是對(duì)加載遠(yuǎn)程圖片時(shí),經(jīng)常因?yàn)榫彺娑貌坏礁碌慕鉀Q方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這篇文章主要介紹了怎樣用JS模擬實(shí)現(xiàn)枚舉，對(duì)枚舉感興趣的同學(xué)，可以實(shí)驗(yàn)一下2021-04-04
基于JavaScript實(shí)現(xiàn)自定義滾動(dòng)條
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)自定義滾動(dòng)條，可以直接使用的滾動(dòng)條，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠小游戲的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
javascript axios 實(shí)現(xiàn)進(jìn)度監(jiān)控的示例代碼
在使用axios發(fā)送HTTP請(qǐng)求時(shí),可以通過(guò)onUploadProgress和onDownloadProgress來(lái)監(jiān)控上傳和下載的進(jìn)度,具有一定的參考價(jià)值,感興趣的可以了解一下2025-01-01