在 Javascript 中生成二维码

大家好👋，这将是一篇非常简短的文章，我将在其中展示如何在 JavaScript 中为任何内容生成二维码。

显然，我不会从头开始实现所有的事情，而且当我们在 JavaScript 中拥有大量有用的库时，为什么还要这样做呢？

我偶然发现了一个很棒的轻量级库，或者你可以说一个简单的脚本qrcodejs。它非常容易使用，而且非常可靠。

执行

• 下载此 zip 文件：qrcodejs

• 提取它。

• 现在您可以在项目中使用qrcode.js和文件。qrcode.min.js

代码

将该qrcode.js文件包含在您的 HTML 文件中。

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

指定要显示生成的二维码的位置。这里我id使用了。div"qrcode"id

...
<div id="qrcode"></div>
...

现在我们将从函数创建一个对象QRCode。需要传递本例中输出的id内容。div"qrcode"

var QR_CODE = new QRCode("qrcode", {
  width: 220,
  height: 220,
  colorDark: "#000000",
  colorLight: "#ffffff",
  correctLevel: QRCode.CorrectLevel.H,
});

correctLevel：L表示低、M表示中、H表示高。

通过调用makeCodeQRCode 对象的方法来生成 QRCode，该方法以data作为其参数。

QR_CODE.makeCode("https://buymeacoffee.com/bibekkakati");

它会自动将生成的 QRCode 插入到创建 QRCode 对象时提供的对象div中。id

示例✨

查看 GitHub Repo。

在这里尝试一下：Live。

屏幕截图是在扫描时从 Google Lens 截取的。

最初发表于blog.bibekkakati.me

感谢您的阅读🙏

如果您喜欢这篇文章或觉得它有帮助，请点赞👍

欢迎随时联系👋

Twitter | Instagram | LinkedIn

如果你喜欢我的作品并想支持它，可以在这里留言。我会非常感激。