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

})

相关推荐
ftpeak13 分钟前
JavaScript性能优化实战
开发语言·javascript·性能优化
莫的感情33 分钟前
下载按钮点击一次却下载两个文件问题
前端
一个很帅的帅哥36 分钟前
JavaScript事件循环
开发语言·前端·javascript
小宁爱Python41 分钟前
Django Web 开发系列(二):视图进阶、快捷函数与请求响应处理
前端·django·sqlite
fox_41 分钟前
深入理解React中的不可变性:原理、价值与实践
前端·react.js
Github项目推荐43 分钟前
你的错误处理一团糟-是时候修复它了-🛠️
前端·后端
Code小翊1 小时前
C语言bsearch的使用
java·c语言·前端
云枫晖1 小时前
Webapck系列-初识Webpack
前端·javascript
慧一居士1 小时前
HTML5 功能介绍,使用场景,对应功能点完整使用示例
前端
海在掘金611271 小时前
告别“undefined is not a function”:TS如何让你的函数调用更安心
前端