JS 生成二维码实现（qrcode.js）

qrcode.js源码地址：

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

使用

• 页面引入QRCode.js和JQuery.js

<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./qrcode.js"></script>

• 创建二维码容器

<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.youkuaiyun.com/ianly123");
    };

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

---

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

---

源码下载：

https://download.youkuaiyun.com/download/ianly123/10449149