qrcode.js 生成二维码

// 引入 qrcode.js 库
<script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>

// 创建一个 div 用于放置生成的二维码
<div id="qrcode"></div>

// 使用 qrcode.js 生成二维码
<script>
  // 创建一个新的 QRCode 对象，第一个参数是放置二维码的 DOM 元素，第二个参数是要编码的内容
  new QRCode(document.getElementById("qrcode"), "https://example.com");

  // 或者使用更详细的配置选项
  const qrcode = new QRCode({
    text: "https://example.com", // 要编码的文本或 URL
    width: 128, // 二维码的宽度
    height: 128, // 二维码的高度
    colorDark : "#000000", // 深色（二维码部分）的颜色
    colorLight : "#ffffff", // 浅色（背景部分）的颜色
    correctLevel : QRCode.CorrectLevel.H // 纠错级别 (L, M, Q, H)
  });
</script>

解释说明：

1. 引入库：首先通过 <script> 标签引入 qrcode.js 库。
2. 创建容器：在 HTML 中创建一个 div 容器，用于放置生成的二维码。
3. 生成二维码：
   • 第一种方式是直接传入 DOM 元素和要编码的内容。
   • 第二种方式是通过配置对象来设置更多参数，如二维码的大小、颜色和纠错级别。

如果你需要进一步自定义二维码的样式或其他属性，可以通过修改配置对象中的参数来实现。