圖片文字識別（OCR）插件Ocrad.js教程
更新時間：2018年11月26日 15:26:40 作者：arsaycode
這篇文章主要為大家詳細(xì)介紹了圖片文字識別（OCR）插件Ocrad.js教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下
Ocrad.js 相當(dāng)于是 Ocrad 項目的純 JavaScript 版本，使用 Emscripten 自動轉(zhuǎn)換。這是一個簡單的 OCR （光學(xué)字符識別）程序，可以掃描圖像中的文字回文本。
不像 GOCR.js，Ocrad.js 被設(shè)計成一個端口，而不是圍繞可執(zhí)行的包裝。這意味著后續(xù)的圖像處理，并不涉及重新初始化可執(zhí)行代碼，以便處理圖像盡可能少的進(jìn)行，因此它需要的時間僅為 GOCR.js 的八分之一。
GOCR.js 已在 github 進(jìn)行開源，下載地址
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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
很多網(wǎng)頁在下方都會放置一個“返回頂部”按鈕，這樣可以幫助訪客重新找到導(dǎo)航或者重溫一遍廣告，于是將返回頂部功能做成了滑動效果2014-10-10
解決layui下拉框監(jiān)聽問題(監(jiān)聽不到值的變化)
今天小編就為大家分享一篇解決layui下拉框監(jiān)聽問題(監(jiān)聽不到值的變化)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js操作Cookie包括:寫cookies、讀取cookies、刪除cookies以及使用示例，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了微信小程序 授權(quán)登錄詳解（附完整源碼）,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
JS中數(shù)組與對象相互轉(zhuǎn)換的實現(xiàn)方式
這篇文章主要介紹了JS中數(shù)組與對象相互轉(zhuǎn)換的實現(xiàn)方式，文章通過代碼示例講解的非常詳細(xì)，對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-04-04
加載遠(yuǎn)程圖片時,經(jīng)常因為緩存而得不到更新的解決方法(分享)
本篇文章是對加載遠(yuǎn)程圖片時,經(jīng)常因為緩存而得不到更新的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這篇文章主要介紹了怎樣用JS模擬實現(xiàn)枚舉，對枚舉感興趣的同學(xué)，可以實驗一下2021-04-04
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)自定義滾動條，可以直接使用的滾動條，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)打地鼠小游戲的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
javascript axios 實現(xiàn)進(jìn)度監(jiān)控的示例代碼
在使用axios發(fā)送HTTP請求時,可以通過onUploadProgress和onDownloadProgress來監(jiān)控上傳和下載的進(jìn)度,具有一定的參考價值,感興趣的可以了解一下2025-01-01