js动态生成二维码

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();

})

相关推荐
用户214118326360210 分钟前
dify案例分享-免费玩转 AI 绘图!Dify 整合 Qwen-Image,文生图 图生图一步到位
前端
IT_陈寒21 分钟前
Redis 性能翻倍的 7 个冷门技巧,第 5 个大多数人都不知道!
前端·人工智能·后端
mCell7 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip7 小时前
Node.js 子进程:child_process
前端·javascript
excel10 小时前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel11 小时前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼13 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping13 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙14 小时前
[译] Composition in CSS
前端·css
白水清风14 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化