前端生成二维码并导出

`

<head> <title>二维码生成</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> <script type="text/javascript" src="https://cdn.staticfile.net/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/qrcodejs/1.0.0/qrcode.js"></script> </head> <style> .box { height: 100%; width: 100%; margin: 0 auto; padding: 20px; }

submit-btn {

margin-left: 15px;
}

text {

width: 300px;
}

qrcode {

margin-top: 25px;
height: 100px;
width: 100px;
}

<body> <div class="box"> <textarea id="textarea" name="textarea" rows="5" cols="170" placeholder="请输入生成二维码的数据"></textarea> <button id="submit-btn">生成二维码</button> <button id="download-btn" disabled>下载</button><br /> <div id="qrcode"></div> <canvas id="canvas" style="display:none;"></canvas> </div>

</body> `
posted @ 2024-03-27 16:42  歇歇吧  阅读(53)  评论(0)    收藏  举报