QR Code二维码

最新推荐文章于 2024-01-29 16:03:40 发布

和尚.爱.飘柔；

最新推荐文章于 2024-01-29 16:03:40 发布

阅读量786

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/m0_58736477/article/details/118250685

版权

java 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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

和尚.爱.飘柔；

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
QR Code二维码

二维码又称QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。优势:信息容量大, 可以容纳多.
复制链接

扫一扫