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>
相关推荐
不会C语言的男孩3 分钟前
C++ Primer 第18章:用于大型程序的工具
开发语言·c++
竹林8183 分钟前
监听智能合约事件,我用 wagmi v2 踩了三天坑,终于找到了稳定方案
前端·javascript
星栈3 分钟前
Makepad 界面怎么做得更像产品,而不是示例
前端·rust
用户852495071845 分钟前
Bun 到底是什么?一个比 Node.js "更快更香"的 JS 运行时
javascript·程序员
Momo__6 分钟前
SSR 懒水合四件套 — 99%的人不知道 Vue 3.5 藏了这些水合策略
前端·vue.js·性能优化
riuphan6 分钟前
JavaScript 事件循环:单线程异步编程的核心机制
前端·javascript
星恒随风9 分钟前
C++ 类和对象入门(三):拷贝构造、赋值运算符重载和深浅拷贝
开发语言·c++·笔记·学习
小小龙学IT10 分钟前
Midscene.js:AI驱动的跨平台UI自动化革命
javascript·人工智能·ui
RickyWasYoung10 分钟前
【Matlab】科研绘图配色-极简版
开发语言·matlab
凡人叶枫12 分钟前
Effective C++ 条款03:尽可能使用 const
linux·开发语言·c++·嵌入式开发