這世間最烈的酒，是你低頭噙笑的溫柔。

隨著移動設(shè)備的普及，日常生活中隨處可見二維碼，大有一碼走天下之勢。那么前端如何來生成二維碼？

通過QRCode.js我們可以快速生成二維碼啦，一起來看看怎么使用吧。

1、引入插件

    /*html*/
    <div id="qrcode"></div>

    /*js*/
    <script src="qrcode.js"></script>

2、基本用法

    var qrcode = document.getElementById('qrcode')

    /*直接生成二維碼*/
    new QRCode(qrcode, 'http://www.daqianduan.com')

    /*也可以配置二維碼的寬高等*/
    var qrcodeObj = new QRCode('qrcode', {
        text: 'http://www.daqianduan.com',
        width: 256,
        height: 256,
        colorDark : '#000000', //前景色
        colorLight : '#ffffff'  //背景色
    })

3、API

設(shè)置二維碼內(nèi)容–makeCode
qrcodeObj.makeCode('http://www.daqianduan.com/?p=6518&preview=true')
清除二維碼–clear
qrcodeObj.clear()
附上我的demo

   
function getwx(comboId, totalAmount, payChannel) {
   $.ajax({
       url: XXXXXXXX,
       data: {
           comboId: comboId,
           totalAmount: totalAmount,
           payChannel: payChannel,
       },
       beforeSend: function (xhr) {
           xhr.setRequestHeader("auth-token", localStorage.getItem('authToken'));
       },
       type: 'post',
       success: function(res) {
           if (res.code == 0) {
               qrcode.makeCode(res.data);
               $('.wxfullPage').show();
           }
       },
   })
};

var qrcode = new QRCode(document.getElementById("qrcode"), {
   width : 100,
   height : 100
});

差不多就是個這
在最后附上我的QQ: 2489757828
我的私人博客: 李大玄