JS批量生成带文字二维码并打成压缩包

最新推荐文章于 2024-05-14 11:32:17 发布

mchine_swift

最新推荐文章于 2024-05-14 11:32:17 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： javascript jquery

本文链接：https://blog.csdn.net/mchine_swift/article/details/108620394

版权

一、qrcode.js生成二维码<div id="qrcode"></div><script type="text/javascript">new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");</script>var qrcode = new QRCode("test", { text: "http://jindo.dev.na

摘要由CSDN通过智能技术生成

一、qrcode.js生成二维码

<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");
</script>

var qrcode = new QRCode("test", {
   
    text: "http://jindo.dev.naver.com/collie",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

qrcode.clear(); // clear the code.
qrcode.makeCode("http://naver.com"); // make another code.

参考：
qrcode官网

二、html2canvas.js绘制特殊样式二维码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>hangge.com</title>
  </head>
  <body style="margin:0px">
    <div id="capture" style="padding: 10px; background: #f5da55; width: 200px;">
      <h4 style="color: #000; ">欢迎访问 hangge.com</h4>
    </div>
    <button type="button" name="button" onclick="convert()">开始生成</button>
    <br>
    <script type="text/javascript" src="js/html2canvas.js"></script>
    <script type="text/javascript">
      //开始转换
      function convert() {
   
        html2canvas(document.body).then(canvas => {
   
          document.body.appendChild(canvas)
        });
      }
    </script>
  </body>
</html>

参考：
html2canvas官网
 html2canvas 将页面保存成图片

三、jszip.js创建文件夹并打压缩包，FileSaver下载文件

var zip = new</

最低0.47元/天解锁文章

mchine_swift

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS批量生成带文字二维码并打成压缩包

一、qrcode.js生成二维码<div id="qrcode"></div><script type="text/javascript">new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");</script>var qrcode = new QRCode("test", { text: "http://jindo.dev.na
复制链接

扫一扫