js动态生成二维码

news/2024/10/26 13:59:54/

html:

<script type="text/javascript" src="js/qrcode.min.js"></script>(资源里可下载)

<div class="tan_ma" style="width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); display:none;    justify-content: center;    align-items: center;">


<div style="width:50%; background:#fff; padding:20px">
  <div class="tan_close_ma" style="font-size:30px; margin-bottom:7px; float:right; position:relative; right:-5px; top:-5px">X</div>
<div id="code" style="clear:both;display:flex; justify-content: center; "></div>

</div>

</div>

$(document).on("click", ".fangda", function () {
var zhi=$(this).attr("zhi");
$("#code").html('');
$(".tan_ma").css("display","flex");
               console.log('放大'+zhi);
var qrcode = new QRCode(document.getElementById("code"), {
                width : 201,
     height : 201
 })
     
    
     qrcode.makeCode(zhi)

            })

 $(document).on("click", ".tan_close_ma", function () {

$(".tan_ma").hide();
            
            })


http://www.ppmy.cn/news/1542131.html

相关文章

mysql原理、部署mysql主从+读写分离、监控mysql主从脚本

mysql&#xff1a;工作原理 从库生成两个线程&#xff0c;一个I/O线程&#xff0c;一个SQL线程&#xff1b; i/o线程去请求主库 的binlog&#xff0c;并将得到的binlog日志写到relay log&#xff08;中继日志&#xff09; 文件中&#xff1b; 主库会生成一个 log dump 线程&…

【计算机操作系统】课程 作业三 进程同步与互斥 408考研真题

作业三 进程同步与互斥 这两个问题都是关于进程同步和互斥的经典问题&#xff0c;它们可以通过信号量机制来解决。信号量&#xff08;semaphore&#xff09;是一种用于控制多个进程对共享资源访问的同步机制。信号量可以是二进制的&#xff08;只能取0或1&#xff09;&#xff…

雷池社区版有多个防护站点监听在同一个端口上,匹配顺序是怎么样的

如果域名处填写的分别为 IP 与域名&#xff0c;那么当使用进行 IP 请求时&#xff0c;则将会命中第一个配置的站点 以上图为例&#xff0c;如果用户使用 IP 访问&#xff0c;命中 example.com。 如果域名处填写的分别为域名与泛域名&#xff0c;除非准确命中域名&#xff0c;否…

webRTC搭建:STUN 和 TURN 服务器 链接google的有点慢,是不是可以自己搭建

如果使用 Google 提供的 STUN/TURN 服务器速度较慢&#xff0c;你完全可以自己搭建 STUN 和 TURN 服务器。这有助于提升网络连接速度和稳定性&#xff0c;特别是在需要穿透 NAT 或防火墙的网络环境下。 下面是如何自己搭建 STUN 和 TURN 服务器的具体步骤&#xff1a; 1. 选择…

微软推新模型OmniParser:让GPT-4V秒懂屏幕截图内容,指哪懂哪

还记得那个号称“看图说话”神器GPT-4V吗?它能理解图片内容&#xff0c;还能根据图片执行任务&#xff0c;简直是懒人福音!但它有个致命弱点:眼神不太好! 想象一下&#xff0c;你让GPT-4V帮你点个按钮&#xff0c;它却像个“屏幕瞎子”一样&#xff0c;到处乱点&#xff0c;是…

Find My平板键盘|苹果Find My技术与键盘结合,智能防丢,全球定位

‌平板键盘的主要用途包括提高输入效率、支持轻量化办公、提供丰富的文本编辑功能以及快捷操作。相比于直接在屏幕上打字&#xff0c;使用键盘可以显著提升输入速度&#xff0c;减少输入错误&#xff0c;特别是对于需要大量文字输入的场景&#xff0c;如写作、记录笔记等‌。平…

【GIT】Visual Studio 中 Git 界面中, 重置 和 还原

在 Visual Studio 的 Git 界面中&#xff0c;“重置” 和 “还原” 是两个常用的 Git 操作。它们的主要区别在于应用场景和影响范围。 1. 重置&#xff08;Reset&#xff09; 重置用于更改当前分支的提交历史&#xff0c;通常用于撤销或删除某些提交。重置操作可能会更改 Git…

Spring Boot助力的厨艺互动平台开发指南

2 相关技术 2.1 Spring Boot框架简介 Spring Boot是由Pivotal团队提供的全新框架&#xff0c;其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置&#xff0c;从而使开发人员不再需要定义样板化的配置。通过这种方式&#xff0c;Sprin…