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>
相关推荐
小小龙学IT3 分钟前
Go 后端开发实战:构建高性能 RESTful API 服务
开发语言·golang·restful
AI周红伟3 分钟前
事件分析:FDE标准,“OpenClaw+RAG+Agent” 应用实战的标准
前端·人工智能·chrome·chatgpt·aigc
Mike_jia11 分钟前
Databasus:开源数据库备份革命的里程碑,企业级数据安全的守护神
前端
fengxin_rou11 分钟前
深入理解Java类加载机制:从原理到实战详解
java·开发语言
薇茗13 分钟前
【C++】类与对象 核心篇
开发语言·c++
AI浩15 分钟前
【数据处理】基于 SAM3 的 LabelMe 标注统一校正方法
android·开发语言·kotlin
恋猫de小郭15 分钟前
真正的跨平台 AI 自动化框架,甚至还支持鸿蒙
android·前端·flutter
IT_陈寒16 分钟前
Redis的LRU淘汰策略坑了我一天血汗
前端·人工智能·后端
晓得迷路了18 分钟前
栗子前端技术周刊第 132 期 - date-fns 支持 Temporal、npm 攻击事件、VoidZero...
前端·javascript·css
原来是猿19 分钟前
理解 C++ 哈希表的原理与工程实践
开发语言·c++·散列表