在JavaScript中生成和处理二维码

原创

于 2025-01-13 09:10:03 发布 · 613 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

简介

二维码已经成为我们日常生活中不可或缺的部分。通过JavaScript，我们可以轻松地在网页中生成和处理二维码。本文将介绍几种常用的二维码库及其使用方法。

常用二维码库

1. qrcode.js

这是最受欢迎的二维码生成库之一，使用简单，功能强大。

安装

npm install qrcode

基础使用

import QRCode from 'qrcode';

// 生成二维码到 Canvas
const canvas = document.getElementById('qr-canvas');
QRCode.toCanvas(canvas, 'Hello World!', function (error) {
   
   
  if (error) console.error(error);
  console.log('二维码生成成功！');
});

// 生成二维码图片 URL
QRCode.toDataURL('Hello World!', function (error, url) {
   
   
  if (error) console.error(error)