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>
相关推荐
用户2204603958685 分钟前
ES模块和commonJS两种标准下中实现__dirname?一篇文章教你理清楚
前端
2zcode15 分钟前
项目文档:基于MATLAB图像处理的饮料瓶灌装液位检测系统设计与实现
开发语言·图像处理·matlab
犹豫的大炮31 分钟前
jQuery最核心的基础设施之一——数据缓存模块进化史
前端·缓存·jquery
小碗细面32 分钟前
从 PRD 到上线:SpecKit 如何让 AI 真正参与前端交付
前端·ai编程·claude
月疯32 分钟前
np.where()[0]的用法
开发语言·python·numpy
WL学习笔记34 分钟前
链式队列(数据结构)
前端·数据结构·jquery
我是大卫35 分钟前
React源码解析-第三部分:协调与提交
前端·react.js·源码
都想学37 分钟前
我把 12 个在线工具关掉了,换成了一个 Chrome 扩展
前端·chrome
z落落38 分钟前
C#五大加密算法(AES、DES、MD5、RSA、SHA)
开发语言·c#
namexingyun42 分钟前
Scaling Law bug实战启示:从“虚胖“到“精瘦“的算力效率革命
开发语言·网络·人工智能·bug·ai编程