当前位置: 首页 > article >正文

2024最新qrcode.min.js生成二维码Demo

找了一堆代码一堆GPT,终于给写对了:

<!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>


http://www.kler.cn/a/428983.html

相关文章:

  • python爬虫报错日记
  • 网上订餐系统 javaweb项目 (完整源码)
  • 计算机网络 (50)两类密码体制
  • Flink(十):DataStream API (七) 状态
  • vue 学习笔记 - 创建第一个项目 idea
  • 【Go】Go Gorm 详解
  • G6基本使用
  • Java项目实战II基于微信小程序的无中介租房系统(开发文档+数据库+源码)
  • Springer Nature——Applied Intelligence 投稿指南
  • JVM学习《垃圾回收算法和垃圾回收器》
  • 知乎Java后台开发面试题及参考答案
  • Vue项目开发 如何实现父组件与子组件数据间的双向绑定?
  • 【innodb阅读笔记】之 索引组织表
  • 工业—使用Flink处理Kafka中的数据_ChangeRecord2
  • rpc-dubbo-多版本
  • 版本控制器git
  • 【六足机器人】01功能开发
  • 2024-12-08AI概念扫盲
  • 为什么Unity里的变体数和UWA工具测出来的不一样
  • 如何利用“一键生成ppt”减轻工作压力
  • 【jvm】为什么要有GC
  • R语言中的函数29:vector
  • Spring Event 监听与异步设置:深入解析与应用场景
  • win11 vs2022 python3.9环境下运行jupyterlab
  • 小程序-基于java+SpringBoot+Vue的智慧校园管理系统设计与实现
  • UE----Ios打包笔记