【有待修正】Javascript圖片文字識別(OCR)插件 Ocrad.js 教程

Ocrad.js 相當於是 Ocrad 項目的純 JavaScript 版本,使用 Emscripten 自動轉換。這是一個簡單的 OCR (光學字符識別)程序,可以掃描圖像中的文字迴文本。

 

不像 GOCR.js,Ocrad.js 被設計成一個端口,而不是圍繞可執行的包裝。這意味着後續的圖像處理,並不涉及重新初始化可執行代碼,以便處理圖像儘可能少的進行,因此它需要的時間僅爲 GOCR.js 的八分之一。

 

GOCR.js 已在 github 進行開源。下載地址:https://github.com/antimatter15/ocrad.js

ocrad.js 的csdn資源下載地址:http://download.csdn.net/download/arsaycode/9988719

 

下面通過一個簡單的 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>
		<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" οnlοad="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);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章