QR Code二维码

二维码又称QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。

在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理

它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。

优势:

信息容量大, 可以容纳多达1850个大写字母或2710个数字或500多个汉字

应用范围广, 支持文字,声音,图片,指纹等等...

容错能力强, 即使图片出现部分破损也能使用

成本低, 容易制作

容错级别:

L级（低） 7％的码字可以被恢复。

M级（中） 15％的码字可以被恢复。

Q级（四分）25％的码字可以被恢复。

H级（高）30％的码字可以被恢复。

生成插件QRCode :

QRCode 是一款基于 HTML5 的纯 JS 二维码生成插件

下载地址： https://github.com/davidshimjs/qrcodejs

QRCode.js 二维码插件的可用配置参数如下：

QRCode快速入门步骤：

1. 导入qrcode.js文件到js目录下

2. 在页面创建div，指定id属性

3. 编写js代码

1. 创建QRCode对象

2. 指定两个参数：

参数1：div的id

参数2：JSON对象，属性名为上面表格中的名字

方式1（简写方式）：

语法：new QRCode("标签的id值"，"扫描二维码后显示的数据")

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>二维码演示</title><!--导入js文件--><script src="js/qrcode.js"></script>
</head>
<body>
<div id="code"></div><script type="text/javascript">new QRCode("code","http://www.baidu.com");</script>
</body>
</html>

方式2(完整方式)：

语法：new QRCode("标签的id值"，{key1:value1,key2:value2......});

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>二维码演示</title><!--导入js文件--><script src="js/qrcode.js"></script>
</head>
<body>
<div id="code"></div><script type="text/javascript">new QRCode("code", {text: "http://www.baidu.com",width: 100,height: 100,colorLight: "yellow",colorDark: "blue"});
</script>
</body>
</html>