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>
相关推荐
裕晟资质规划6 分钟前
涉密场所物理隔离与技术防护体系:标准矩阵、审查校验点与常见缺陷分析
大数据·前端·网络·人工智能·经验分享
变与不变8067 分钟前
JSON基础详解
前端·javascript
YYYing.10 分钟前
【设计模式系列 (五) 】原型模式
开发语言·后端·设计模式·原型模式·c/c++
吴声子夜歌10 分钟前
HTML——结构化微数据语言简介
前端·数据库·html
TeamDev11 分钟前
JxBrowser 9.5.2 版本发布啦!
java·前端·windows·chromium·混合应用·jxbrowser·浏览器控件
重生之小比特12 分钟前
【C++进阶】哈希表实现
开发语言·c++·哈希
鬼手点金13 分钟前
Claude Code示范案例-进阶学习路径
java·服务器·前端·学习·计算机视觉·前向传播
吴声子夜歌18 分钟前
HTML——Web Components开发
前端·html
m0_3807438724 分钟前
VisualStudio中OpenCV的创建与配置使用小结
开发语言·c++