一个简单的 javascript 二维码生成器

📌 相关文章

📜 一个简单的 javascript 二维码生成器 - Javascript (1)

📅 最后修改于: 2023-12-03 14:48:45.750000 🧑 作者: Mango

简介

这是一个简单的 JavaScript 二维码生成器，它能够帮助你快速生成二维码图片。

如何使用

首先，你需要在 HTML 文件中引入 qrcode.min.js 文件，代码如下：

<script src="qrcode.min.js"></script>

然后，在 JavaScript 文件中，你可以使用以下的代码来生成二维码：

let qrcode = new QRCode("qrcode", {
    text: "https://www.example.com/",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

代码解释：

QRCode 是一个全局变量，该变量会在 qrcode.min.js 文件被引入后自动创建。
"qrcode" 参数是用于容纳二维码图像的 HTML 元素的 ID。
text 参数是二维码所要包含的内容，可以是网址、文本等等。
width 和 height 是二维码图像的宽度和高度。
colorDark 和 colorLight 是用于绘制二维码的深色和浅色颜色。
correctLevel 是二维码纠错级别，取值可以是 QRCode.CorrectLevel.L、QRCode.CorrectLevel.M、QRCode.CorrectLevel.Q 或 QRCode.CorrectLevel.H，分别表示纠错级别为 7%、15%、25% 和 30%。

Demo 示例

以下是一个简单的使用例子。你可以将以下代码保存为 HTML 文件，并在浏览器中打开查看效果：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>QR Code Generator</title>
    <script src="qrcode.min.js"></script>
</head>
<body>
    <div id="qrcode"></div>
    <script>
        let qrcode = new QRCode("qrcode", {
            text: "https://www.example.com/",
            width: 128,
            height: 128,
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
        });
    </script>
</body>
</html>

结语

以上介绍了一个简单的 JavaScript 二维码生成器，希望对你有所帮助。更多功能可以参考官方文档。