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>
相关推荐
孙启超几秒前
【AI开发之Rust】第 12 课:并发模型与同步原语
开发语言·后端·rust
夏幻灵3 分钟前
从零理解 Redux:从 state、action、reducer 到 Redux Toolkit 与异步请求
前端
烈风逍遥10 分钟前
第四篇:AI 模块架构设计:多 Provider 切换、RAG 知识库与 Agent 编排
前端·后端·架构
用户808061814369327 分钟前
JavaScript 面向对象入门到精通
前端·javascript
一条溺水的鱼34 分钟前
一次讲透 JS 闭包 —— 概念、原理、应用和内存泄漏
javascript·面试
吠品36 分钟前
STM32最小系统板引脚梳理与配置实操
前端·javascript·vue.js
曹一二40 分钟前
前端性能优化场景题:图片懒加载 + 大数据渲染
前端
敲代码的瓦龙40 分钟前
Jetpack?DataBinding!!!
android·java·开发语言·mysql·android-studio
GISer_Jing1 小时前
Come on,工作总结
前端·ai·前端框架
Hilaku1 小时前
Sass 和 Less 在 2026 年彻底多余了吗?
前端·javascript·程序员