2024最新qrcode.min.js生成二维码Demo

找了一堆代码一堆GPT,终于给写对了:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>QRCode Example</title>
  <script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>
</head>
<body>

<canvas id="canvas"></canvas> <!-- Canvas 元素 -->

<script>
  // 获取 canvas 元素
  const canvas = document.getElementById('canvas');

  // 使用 qrcode 库生成二维码
  QRCode.toCanvas(canvas, 'Hello World', function (error) {
    if (error) {
      console.error(error);
    } else {
      console.log('QR code successfully generated!');
    }
  });
</script>

</body>
</html>
相关推荐
fengci.8 分钟前
Microweber CMS 未授权路径穿越漏洞(CVE-2026-65694)
android·开发语言·前端·学习·php
Deryck_德瑞克12 分钟前
【Nginx】配置差异分析
服务器·前端·nginx
前端 贾公子20 分钟前
第06章:结构化输出 (上)
java·服务器·前端
程序员zgh22 分钟前
C++ 拷贝赋值运算符 详解
c语言·开发语言·c++
北斗落凡尘23 分钟前
React面试题
前端
张元清24 分钟前
React useDisclosure Hook:管理模态框和抽屉的打开关闭状态 (2026)
javascript·react.js
念何架构之路27 分钟前
restartmanager-重启管理子系统
java·开发语言
一棵白菜1 小时前
mac 部署 n8n
前端
学高数就犯困1 小时前
React:常见的性能优化手段
前端·react.js
天天码行空1 小时前
vkeyboardhand:零依赖虚拟键盘指法组件
前端·javascript·vue.js