六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

ocrad.js客户端识别图片上的文字

Admin | 2016-6-2 9:51:47 | ReadNums | 3482 | 标签 网页制作 | 打印本页
     

  ocrad.js是一个简单的 OCR (光学字符识别)程序,是一个OCP的实现库,纯javascript版本的 Ocrad 项目实现,可以扫描图像中的文字变成文本。

  简单的说,ocrad.js就是一个js库,专门用来在客户端识别图片上的文字。该ocrad.js库文件,大概只有1M左右的大小,非常方便。

  下面为大家介绍其使用方法。

  一、引用库文件

  <script src="ocrad.js"></script> 

  二、调用库文件方法的方法

  ①识别图片上的数字

  <script>
            function recognize_image(){
                document.getElementById('transcription').innerText = "(Recognizing...)"

                OCRAD(document.getElementById("pic"), {
                    numeric: true
                }, function(text){
                    document.getElementById('transcription').className = "done"
                    document.getElementById('transcription').innerText = text;
                })
            }
        </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>

  ③通过电脑摄像头识别图片

  <script>
            function recognize_snapshot(){
                document.getElementById('text').innerText = "(Recognizing...)"
                document.getElementById('transcription').className = "recognizing"
                OCRAD(document.getElementById("video"), {
                    invert: document.getElementById('whiteText').checked // set this for white on black text
                }, function(text){
                    document.getElementById('transcription').className = "done"
                    document.getElementById('text').innerText = text || "(empty)";
                })
            }

            function acquiredVideo(stream){
                var video = document.getElementById('video')
                if ('mozSrcObject' in video) { video.mozSrcObject = stream;
                } else if (window.webkitURL) { video.src = window.webkitURL.createObjectURL(stream);
                } else { video.src = stream; }
                video.play();

                document.getElementById('blackText').checked = true;
            }
            window.onload = function(){
                navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
                if(navigator.getUserMedia) navigator.getUserMedia({ video: true }, acquiredVideo, function(){})
            }
        </script>

  好了,多就不说了,总之,个人还是觉得,其识别能力目前还有限,识别效果不是很好。


问题未解决:在线咨询我要在线咨询问题

香港英文明珠电视频道

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日