HTML5实现扫描识别二维码/生成二维码

扫描识别二维码

思路：

1. 操作摄像头，获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。 

2. 利用canvas使用相关算法分析图片识别图片得出结果，可用jquery.qrcode分析二维码 。（技术点：getImageData）

 

局限性：

移动平台支持getUserMedia/Stream API的浏览器比较少，支持列表http://caniuse.com/#feat=stream （目前没发现有IOS是支持的）

 

代码实现：

感谢github，有现成的算法

1. https://github.com/LazarSoft/jsqrcode

2. https://github.com/dwa012/html5-qrcode 

具体实现代码：

 

链接：http://pan.baidu.com/s/1ntH1le5 密码：7cic

 

生成二维码

具体代码

感谢github

1. https://github.com/LIGuoxiang/QRCode

      

链接：http://pan.baidu.com/s/1kT8HHH1 密码：6byh

测试用的二维码

qsa2015-08-08 CCID2212553

 

 

其他

IOS替代方案笔记：

调用摄像头拍照，把图片传到h5页面。然后在解析。

iOS 8版Safari可利用摄像头扫描录入信用卡号

http://36kr.com/p/212638.html