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

})

相关推荐
小小小小宇2 小时前
TS泛型笔记
前端
小小小小宇2 小时前
前端canvas手动实现复杂动画示例
前端
codingandsleeping2 小时前
重读《你不知道的JavaScript》(上)- 作用域和闭包
前端·javascript
小小小小宇3 小时前
前端PerformanceObserver使用
前端
charlee444 小时前
给Markdown渲染网页增加一个目录组件(Vite+Vditor+Handlebars)(下)
css·markdown·响应式设计·flexbox·粘性定位
zhangxingchao4 小时前
Flutter中的页面跳转
前端
前端风云志4 小时前
TypeScript实用类型之Omit
javascript
烛阴4 小时前
Puppeteer入门指南:掌控浏览器,开启自动化新时代
前端·javascript
全宝5 小时前
🖲️一行代码实现鼠标换肤
前端·css·html
小小小小宇6 小时前
前端模拟一个setTimeout
前端