您的位置:首页 > Web前端 > HTML5

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

2016-08-18 10:58 281 查看

扫描识别二维码

思路:
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: