码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-08-25 21:52:23      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:

扫描识别二维码

思路:
1. 操作摄像头,获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。 
2. 利用canvas使用相关算法分析图片识别图片得出结果,可用jquery.qrcode分析二维码 。(技术点:getImageData)

局限性
移动平台支持getUserMedia/Stream API的浏览器比较少,支持列表http://caniuse.com/#feat=stream (目前没发现有IOS是支持的)
技术分享

代码实现:
感谢github,有现成的算法
具体实现代码:
技术分享 
链接:http://pan.baidu.com/s/1ntH1le5 密码:7cic

生成二维码

具体代码
感谢github
技术分享      
链接:http://pan.baidu.com/s/1kT8HHH1 密码:6byh
测试用的二维码
qsa2015-08-08 CCID2212553
技术分享


其他

IOS替代方案笔记:
调用摄像头拍照,把图片传到h5页面。然后在解析。
技术分享
iOS 8版Safari可利用摄像头扫描录入信用卡号

版权声明:本文为博主原创文章,未经博主允许不得转载。

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

标签:

原文地址:http://blog.csdn.net/jerome_s/article/details/47981825

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!