JS 生成二维码实现(qrcode.js)

qrcode.js源码地址:

https://github.com/jeromeetienne/jquery-qrcode

使用

  • 页面引入QRCode.js和JQuery.js
<script src="../static/jquery-3.2.1.min.js"/>
<script src="../static/qrcode.js"/>
  • 创建二维码容器
<div id="qrcode"></div>
  • js 实现二维码
    “`
    $(function () {

    //实例化二维码并调整二维码大小
    var qrcode = new QRCode(document.getElementById(“qrcode”), {
    width: 180,
    height: 180,
    correctLevel: QRCode.CorrectLevel.L
    });

    //生成二维码
    function makeCode() {
    //qrcode.clear();
    qrcode.makeCode(“https://blog.csdn.net/ianly123“);
    };

    //调用生成二维码方法
    makeCode();
    })

这里写图片描述


这个二维码生成有时候会出现识别很慢,或者只有某些 app 能识别的情况,解决办法是给二维码区域的 div 价格边框,border设置 solid 10px #fff; 完美解决。

猜你喜欢

转载自blog.csdn.net/ianly123/article/details/80061084