扫描识别二维码
思路:
1. 操作摄像头,获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。
2. 利用canvas使用相关算法分析图片识别图片得出结果,可用jquery.qrcode分析二维码 。(技术点:getImageData)
局限性:
移动平台支持getUserMedia/Stream API的浏览器比较少,支持列表http://caniuse.com/#feat=stream (目前没发现有IOS是支持的)
![getUserMedia.rar](file:///C:/Users/windows7/AppData/Local/YNote/data/qq3C7FF87686E43C4DD2C08FBC60BFEE87/ea4e91909a0c427488d5bb68a0485302/attachment.png?1440502863445)
代码实现:
感谢github,有现成的算法
具体实现代码:
![firefoxQRCODE.rar](file:///C:/Users/windows7/AppData/Local/YNote/data/qq3C7FF87686E43C4DD2C08FBC60BFEE87/c4837d4e8ebb428c96694b1e80edf810/attachment.png?1440502863446)
链接:http://pan.baidu.com/s/1ntH1le5 密码:7cic
生成二维码
具体代码
感谢github
![QRCode-master-生成二维码.zip](file:///C:/Users/windows7/AppData/Local/YNote/data/qq3C7FF87686E43C4DD2C08FBC60BFEE87/9c5b715e8d4c45909734e5199839d381/attachment.png?1440502863446)
链接:http://pan.baidu.com/s/1kT8HHH1 密码:6byh
测试用的二维码
qsa2015-08-08 CCID2212553
![](file:///C:/Users/windows7/AppData/Local/YNote/data/qq3C7FF87686E43C4DD2C08FBC60BFEE87/c525f19290c34edb904458e55121e554/e42d45707a105e36a449346d05dd5cf5.png)
其他
IOS替代方案笔记:
调用摄像头拍照,把图片传到h5页面。然后在解析。
![IOS调用摄像头拍照.html](file:///C:/Users/windows7/AppData/Local/YNote/data/qq3C7FF87686E43C4DD2C08FBC60BFEE87/425e1336e8c34e0a8c727ce83abf9f48/attachment.png?1440502863446)
iOS 8版Safari可利用摄像头扫描录入信用卡号