html5+js实现二维码扫描_随笔

通过下面的代码即可实现：

HBuilder就有调用原生硬件的接口html5++

<!DOCTYPE html>

<html>

<head>

<title>Camera Example</title>

// 扩展API加载完毕后调用onPlusReady回调函数

document.addEventListener( "plusready", onPlusReady, false )

var r = null

// 扩展API加载完毕，现在可以正常调用扩展API

function onPlusReady() {

// 获取设备默认的摄像头对象

var cmr = plus.camera.getCamera()

1、代码：代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

2、html5：是指万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（ HTML）的第五次重大修改。2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

1.解决的问题：

1.能够在微博客户端呼起摄像头扫描二维码并且解析

2.能够在原生浏览器和微信客户端中扫描二维码并且解析

2.优点：

web端或者是 h5端可以直接完成扫码的工作；

3.缺点：

图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码的距离很近)，相对于 native 呼起的摄像头解析会有1-2秒的延时。

说明：

此插件需要配合zepto.js 或者 jQuery.js使用

使用方法：

1.在需要使用的页面按照下面顺序引入lib目录下的 js 文件

复制代码

代码如下:

欢迎分享，转载请注明来源：内存溢出

html5+js实现二维码扫描