打开摄像头拍照，并识别图片中的文字（网上最详细教程）

前言

最近遇到一个项目需求，需要进行拍照，并且识别图片中的文字。拿到这个需求的的时候，自己有点懵，因为对这一块目前了解还太少。不过想着之前自己做过的一些项目和老师说过：我们现在很多时候都是面向service编程。于是就信心满满的开始了探索之旅。由于时间紧迫，一共花了一个晚上和一个上午的时间完成了这个需求。

1、打开摄像头

关于打开摄像头这个功能，我们知道HTML5出现以后可以

navigator.getUserMedia

打开我们的摄像头，其核心代码如下：

var exArray = [];
if (navigator.getUserMedia) {  
    navigator.getUserMedia({  
        'video': {  
            'optional': [{  
                'sourceId': exArray[1] 
            }]  
        },
    }, successFunc, errorFunc); 
}  
else {  
    alert('不支持摄像头');
}  

2、拍照

进行拍照我们可以通过HTML中提供的video标签和canvas实现，通过获取到canvas上下文和video的DOM，然后通过drawImage方法，就可以实现拍照功能

context.drawImage(oVideo, 0, 0, 640, 480);