这篇文章主要介绍了OCR插件Ocrad.js的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
Ocrad.js 相当于是 Ocrad 项目的纯 JavaScript 版本,使用 Emscripten 自动转换。这是一个简单的 OCR (光学字符识别)程序,可以扫描图像中的文字回文本。
不像 GOCR.js,Ocrad.js 被设计成一个端口,而不是围绕可执行的包装。这意味着后续的图像处理,并不涉及重新初始化可执行代码,以便处理图像尽可能少的进行,因此它需要的时间仅为 GOCR.js 的八分之一。
下面通过一个简单的 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> <h2>Simple Ocrad.js Example</h2> <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 提供了一个全局函数,ocrad以图像作为参数,以字符串的形式返回识别文本。
var string = OCRAD(image); alert(string);
感谢你能够认真阅读完这篇文章,希望小编分享的“OCR插件Ocrad.js的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。