二维码又称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>