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>
相关推荐
我不是外星人9 分钟前
一键还原任意网站,这套 Playwright + 多 Agent 工程流太猛了
前端·后端·ai编程
浩瀚之水_csdn13 分钟前
Python 3 网络编程详解:从原理到实战
开发语言·网络·python
用户0595401744614 分钟前
AI 客服突然“失忆”,排查 6 小时发现 LangChain 记忆存储的 3 个致命坑
前端·css
geovindu14 分钟前
java: Singleton Pattern
java·开发语言·后端·单例模式·设计模式·创建型模式
AI行业学习23 分钟前
2026 版 Notepad++ 完整图文安装指南|官方渠道无捆绑,一键切换中文界面
开发语言·人工智能·python·html·notepad++
IT_陈寒35 分钟前
Vue的v-if和v-show,我竟然用错了这么久
前端·人工智能·后端
鹏易灵36 分钟前
C++——7.类与对象,掌握封装、继承、多态.详解
开发语言·c++·算法
水无痕simon37 分钟前
5 多表操作
java·开发语言·数据库
云絮.38 分钟前
计算机相关工作原理
服务器·前端·数据库
初阳78539 分钟前
【Qt】系统相关(2)——文件
开发语言·qt