? ? ? ?制作二維碼的方式很多，如果不是自己開(kāi)發(fā)，只是為了生成一個(gè)二維碼用來(lái)做一些事情，建議還是網(wǎng)上直接生成，簡(jiǎn)單快捷；但是如果要做支付或者開(kāi)發(fā)編入項(xiàng)目，還是自己開(kāi)發(fā)一個(gè)方便；
? ? ? ?運(yùn)用jqcode.js插件做二維碼是件非常簡(jiǎn)單的事，廢話少說(shuō)，貼代碼；
body部分：

     <div style="width: 100%;">
        <div style="margin:100px auto;width: 60%;">
            <input id="text" type="text" value="http://www.runoob.com" style="width:100%" />
            <br /><br />
            <div id="qrcode" style="width:150px; height:150px; margin-top:15px;margin: auto;"></div>
        </div>
    </div>

js部分：

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

function makeCode () {      
    var elText = document.getElementById("text");
    
    if (!elText.value) {
        alert("請(qǐng)?zhí)顚懩啥S碼的內(nèi)容");
        elText.focus();
        return;
    }
    
    qrcode.makeCode(elText.value);
}

makeCode();

$("#text").
    on("blur", function () {
        makeCode();
    }).
    on("keydown", function (e) {
        if (e.keyCode == 13) {
            makeCode();
        }
    });

? ? ? ?切記，頭部一定要引入jqcode.js；要不然一個(gè)大大的報(bào)錯(cuò)會(huì)展現(xiàn)給你；
? ? ? ?什么？到這里就完成了？說(shuō)好的帶logo呢？還能不能愉快的表達(dá)了······
? ? ? ?小編很無(wú)奈，其實(shí)真的基本完成了，剩余的logo問(wèn)題；把二維碼下載到桌面，找個(gè)P圖工具縮放個(gè)差不多的logo放在二維碼上就OK了；不會(huì)P圖？沒(méi)關(guān)系，windows自帶的畫圖工具會(huì)玩么？有它就行！！！