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
相关文章推荐
- HTML5实现扫描识别二维码/生成二维码
- HTML5实现扫描识别二维码/生成二维码
- Android平台生成二维码并实现扫描 & 识别功能
- Android基于Zxing实现扫描和生成二维码
- Android集成Zxing实现二维码的扫描与生成(含动态权限)
- Swift之二维码的生成、识别和扫描
- 使用HTML5实现扫描PC二维码且触发WAP端上传资源功能 推荐
- Zxing实现二维码生成,扫描代码段
- 详细易懂的二维码的扫描、识别与生成
- Android高级控件(三)—— 使用Google ZXing实现二维码的扫描和生成相关功能体系
- cocos2dx-lua在ios上实现生成及扫描二维码
- Java实现二维码的生成与识别
- android二维码、条形码生成与扫描识别
- 第三方开源库:Zxing实现扫描和生成二维码
- android上实现二维码生成和扫描
- Android 二维码的扫描,识别与生成功能使用简介
- IOS几种常见的实现扫描、生成二维码的方式(一、使用ZBar SDK)
- Android 使用Zxing实现二维码的生成,扫描
- Android-Zxing实现二维码的扫描与生成
- 二维码的生成 识别 扫描 封装(Swift)