QR Code生成二维码快速入门

散一世繁华，颠半世琉璃

已于 2022-09-15 20:14:03 修改

阅读量9.2k

点赞数 3

文章标签： QR Code java html

于 2022-03-16 22:01:16 首次发布

本文链接：https://blog.csdn.net/qq_51447436/article/details/123536971

版权

本文详细介绍了如何使用qrcode.min.js库生成二维码，包括引入库、设置二维码容器、定义参数以及生成和显示二维码的步骤。适合初学者快速上手二维码生成技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.QR Code的介绍

QR Code，是由Denso公司于1994年9月研制的一种矩阵二维码符号，它具有一维条码及其它二维条码所具有的信息容量大、可靠性高、可表示汉字及图象多种文字信息、保密防伪性强等优点。

2.引入qrcode.min.js

<script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>

3.设置存放二维码的Div

<div id="code" class="qrcode">
    <!--二维码容器,在这个div里面生成二维码-->
  </div>

4.定义二维码的参数

在script标签里面设置二维码的参数，包括长度，宽度，颜色，内容等等！

let qrcode = new QRCode(document.getElementById("code"), {
      width : 100,
      height : 100
    });

5.生成二维码

qrcode.makeCode("这是扫描二维码后出现的内容");

6.代码展示

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>二维码</title>
    <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>
  </head>
  <body>
  <div id="code" class="qrcode">
    <!--二维码容器,在这个div里面生成二维码-->
  </div>

  <script>
    let qrcode = new QRCode(document.getElementById("code"), {
      width : 100,
      height : 100
    });
    qrcode.makeCode("这是扫描二维码后出现的内容");
  </script>
  </body>
</html>