qrcode.js第三库生成二维码

qrcode.js第三库生成二维码

生成二维码可以使用第三方库，比如qrcode.js。

示例代码如下：

<!-- 引入生成二维码的库 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

<!-- 添加一个容器 -->
<div id="qrcode"></div>

<script>
// 获取容器
var qrcode = new QRCode(document.getElementById("qrcode"), {
  width : 100, // 二维码宽度
  height : 100 // 二维码高度
});

// 生成二维码
qrcode.makeCode("http://www.baidu.com");
</script>

其中，qrcode.makeCode("http://www.baidu.com")将会在容器#qrcode中生成一个http://www.baidu.com的二维码。

当然，这只是一个简单的示例代码，实际使用中还需要考虑兼容性、二维码大小、容错率等因素

如果你需要**生成固定的二维码，可以直接将固定的内容作为参数传递给 makeCode 方法。**示例代码如下：

<!-- 引入生成二维码的库 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

<!-- 添加一个容器 -->
<div id="qrcode"></div>

<script>
// 获取容器
var qrcode = new QRCode(document.getElementById("qrcode"), {
  width : 100, // 二维码宽度
  height : 100 // 二维码高度
});

// 生成固定的二维码
qrcode.makeCode("http://www.example.com");
</script>

其中，qrcode.makeCode("http://www.example.com")将会在容器#qrcode中生成一个固定为http://www.example.com的二维码。你只需要将 http://www.example.com 替换为你需要生成的固定内容即可。