QR 码（Quick Response Code）是一种二维码，由于其快速解码和较大的数据存储能力，已成为许多应用程序中常用的工具。qrcode-generator 是一个 NPM 包，它可以帮助我们方便地生成 QR 码。在本文中，我们将探索如何使用 qrcode-generator 。
安装
在使用 qrcode-generator 之前，我们需要先安装它。通过运行以下命令：
npm install qrcode-generator
如何使用
基本用法
首先导入 qrcode-generator:
const QRCode = require('qrcode-generator');接下来，我们可以创建一个 QR 码实例并设置一些选项：
const qr = QRCode(0, 'L');
qr.addData('Hello, World!');
qr.make();这里我们传递了两个参数给 QRCode() 函数:
- 版本信息（0表示自动选择），
- 纠错水平（'L' 表示7%的错误恢复能力）。
然后，我们将数据添加到 QR 码实例中，并使用 make() 方法生成 QR 码。
最后，我们可以在浏览器中显示 QR 码图片：
const img = qr.createImgTag(10); // 设置尺寸为10px document.body.innerHTML += img;
自定义选项
qrcode-generator 支持各种选项来自定义生成的 QR 码。下面是一些常用的选项：
-- -------------------- ---- ------- ----- -- - --------- ----- ------------------ --------- -- --------------------------- ------------------ -- ---------------------- -------------------------------- -- --------------- -------------------- -- ---------------- ---------------- -- ------------------------------------------------- ------------------------------- -- ------------------ -------------------------------- ----------
在 Node.js 中保存 QR 码图片
在 Node.js 中使用 qrcode-generator 可以方便地生成 PNG 格式的 QR 码图片。
首先导入依赖包:
const fs = require('fs');
const QRCode = require('qrcode-generator');
const { createCanvas } = require('canvas');然后，创建一个画布并将 QR 码绘制到画布上：
const canvas = createCanvas(300, 300);
const ctx = canvas.getContext('2d');
const qr = QRCode(0, 'M');
qr.addData('Hello, World!');
qr.make();
ctx.drawImage(qr.createImgTag(5), 0, 0);最后，将画布保存为 PNG 文件：
const out = fs.createWriteStream(__dirname + '/qrcode.png'); const stream = canvas.createPNGStream(); stream.pipe(out);
结论
qrcode-generator 是一个非常强大的 NPM 包，可以帮助我们轻松地生成 QR 码。在本文中，我们深入了解了 qrcode-generator 的基本用法和自定义选项，并演示了如何在 Node.js 中保存 QR 码图片。使用 qrcode-generator 可以方便地将 QR 码集成到你的应用程序中，为用户提供更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/35747