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

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

时间: 2024-11-03 03:46:54

HTML5实现扫描识别二维码/生成二维码的相关文章

iOS中 扫描二维码/生成二维码详解 韩俊强的博客

最近大家总是问我有没有关于二维码的demo,为了满足大家的需求,特此研究了一番,希望能帮到大家! 每日更新关注:http://weibo.com/hanjunqiang  新浪微博 指示根视图: self.window.rootViewController = [[UINavigationController alloc]initWithRootViewController:[SecondViewController new]]; 每日更新关注:http://weibo.com/hanjunqi

二维码生成,二维码中嵌套图片,文字生成图片

package com.fh.util; import java.awt.BasicStroke;import java.awt.Color;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.io.File;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream; import javax.

android中Zing二维码扫描,二维码生成

Android中二维码扫描的最常用库是zxing和zbar,zxing项目地址为https://github.com/zxing/zxing,目前还有多个人在维护.zbar主要用C来写的,对速度有要求的可使用zbar,但目前没有在维护,项目地址:https://github.com/ZBar/ZBar. 1.添加依赖 在根build.gradle中添加maven { url 'https://jitpack.io' } allprojects { repositories { google()

前端生成二维码

最近在做一个移动端项目,想实现点击按钮生成一个分享的二维码. 而项目一开始就是基于jquery2.0开发的,所以第一开始就JQ的插件,搜到jquery.qrcode.js,它支持以二种方式生成二维码,在支持canvas的现代浏览器下使用canvas来生成分享二维码, 在IE低版本等很搓的浏览器下使用table生成二维码图片,使用说明如下: 1.首先在页面中加入jquery库文件和qrcode插件. <script type="text/javascript" src="

通过jquery-qrcode在线生成二维码

随着移动互联网的发展,二维码现在应用得越来越广泛了,随手扫扫就可以浏览网站.加个好友什么的,比起手工输入真的是方便太多了. 前期做了一个综合测评系统,考虑逐步实现移动化,一长串的IP地址用户输入也不方便,借助二维码的话,用户拿起手机扫扫就可以直接进入系统. 基于这个应用场景,就上网研究下了网站二维码的实现方式,归纳起来有以下两种: 1.借助一些二维码生成网站或者二维码生成器生成二维码图片,然后挂在网站上,如码云 QR-Code (二维码) 在线生成器 优点:开发成本为零,能够快速实现多样化的二维

Android 开发中使用到二维码生成和解析

二维码生成 二维码解析 在项目的开发中, 使用二维码作为数据传递 交换 已经是常态了! 在这我也讲讲自己在项目开发中使用到的二维码. 生成二维码的开发流程 1 应用google 给我们提供的zxing.jar (建议官网下载) 2 使用zxing.jar 的MultiFormatWriter 类 生成一张二维码图片 核心代码块 /** * 方法说明:生成无图片二维码 */ @SuppressWarnings("unused") private Bitmap createTwoCode(

js生成二维码以及点击下载二维码

js生成二维码 jquery.qrcode.js可以快速使用页面生成二维码.但改项目有两个小问题:1.不支持中文:2.不支持二维码中间生成图片. 支持中文的jquery-qrcode jquery.qrcode.js默认不支持中文.这跟js的机制有关系,jquery-qrcode这个库是采用 charCodeAt()这个方式进行编码转换的, 而这个方法默认会获取它的 Unicode 编码,一般的解码器都是采用UTF-8, ISO-8859-1等方式,英文是没有问题,如果是中文,一般情况下Unic

PHP二维码生成

原文链接:http://www.qqdeveloper.com/detail/14/1.html 代码下载地址:链接:http://pan.baidu.com/s/1dFgqiaP 密码:lex5 材料下载地址:参考原文链接 下面为大致代码讲解: 一.PHP实现基本的二维码 <?php // 引入qrcode类库文件,并实例化 require "./phpqrcode/qrlib.php"; $qrcode = new QRcode(); $qrcode::png("h

Java二维码生成与解码

基于google zxing 的Java二维码生成与解码 一.添加Maven依赖(解码时需要上传二维码图片,所以需要依赖文件上传包) <!-- google二维码工具 --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>javase</artifactId> <version>3.1.0</version> </dependen