二维码

 

一、什么是二维码

二维码又称二维条码，常见的二维码为 "QR Code" ，QR 全称 Quick Response 是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。
二维条码/二维码（2-dimensional bar code）是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形记录数据符号信息的；在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理：它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。

二、二维码的优势

  ●  信息容量大（相对于条形码），可以容纳到达1850个大写字母或2710个数字或500多个汉字
  ●  应用范围广，支持文字，声音，图片，指纹等等
  ●  容错能力强，即使图片出现了部分破损也能识别
  ●  成本低，容易制作

三、二维码的容错级别

  ●  L级（低）：7%的码字可以被恢复
  ●  M级（中）：15%的码字可以被恢复
  ●  Q级（四分）：25%的码字可以被恢复
  ●  H级（高）：30%的码字可以被恢复

四、二维码生成插件 qrious

qrious 是一款基于 HTML5 Canvas 的纯 JS 二维码生成插件。通过 qrious.js 可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行 Base64 编码。
qrious.js二维码插件的可用配置参数如下：

参数

类型

默认值

描述

background

 

String

"white"

二维码的背景颜色。

foreground

String

"black"

二维码的前景颜色。

level

String

"L"

二维码的误差校正级别(L, M, Q, H)。

mime

String

"image/png"

二维码输出为图片时的MIME类型。

size

Number

100

二维码的尺寸，单位像素。

value

String

""

需要编码为二维码的值

简单的 demo如下，需要官方下载去 qrious.min.js 文件

 1 <html>
 2 <head>
 3 <title>二维码入门小demo</title>
 4 </head>
 5 <body>
 6     <--二维码显示的位置-->
 7     <img id="qrious">
 8     <script src="qrious.min.js"></script>
 9     <script>
10          <!--二维码需要出入的参数-->
11          var qr = new QRious({
12                    element:document.getElementById('qrious'),
13                    size:250,
14                    level:'H',
15                    value:'http://www.itcast.cn'
16         });
17     </script>
18 </body>
19 </html>
posted @ 2020-11-21 17:15  Java程序员进阶  阅读(428)  评论(0)  编辑  收藏  举报