博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5实现扫描识别二维码/生成二维码
阅读量:6200 次
发布时间:2019-06-21

本文共 391 字,大约阅读时间需要 1 分钟。

扫描识别二维码

思路:
1. 操作摄像头,获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。 
2. 利用canvas使用相关算法分析图片识别图片得出结果,可用jquery.qrcode分析二维码 。(技术点:getImageData)
 
局限性:
移动平台支持getUserMedia/Stream API的浏览器比较少,支持列表  (目前没发现有IOS是支持的)
 
代码实现:
感谢github,有现成的算法
1. 
2.   
具体实现代码:
 
链接:  密码:7cic
 

生成二维码

具体代码
感谢github
1. 
      
链接:  密码:6byh
测试用的二维码
qsa2015-08-08 CCID2212553
 
 

其他

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

转载地址:http://avtca.baihongyu.com/

你可能感兴趣的文章
php 报错如下:Notice: Trying to get property of non-object
查看>>
模式识别之腾讯云服务器---腾讯服务器机器学习接口
查看>>
第十九回 基础才是重中之重~你是否真正了解TransactionScope?
查看>>
新浪微博 oauth2.0 redirect_uri_mismatch
查看>>
python中文件和目录操作
查看>>
在编译php事务时候出现如下错误,具体原因不知,不过解决了
查看>>
GDUFE ACM-1043
查看>>
[转]window.location方法获取URL及window.location.assign(url)和replace(url)区别
查看>>
leetcode — next-permutation
查看>>
聪明的kk --- 搜索超时
查看>>
【转载】servlet中创建与获取session
查看>>
reverse对数字和字符串的倒置
查看>>
调用函数判断一个数是否为素数(传统+优化)
查看>>
组合数打表
查看>>
Android ADB Server启动失败
查看>>
github常用命令
查看>>
request模块
查看>>
I/O流之FileWriter【获取当前目录下所有子文件的绝对路径】
查看>>
435. Non-overlapping Intervals
查看>>
221. Maximal Square
查看>>