QRCode制作二维码小结

QRCode制作二维码小结_第1张图片

利用qrcode.js插件将链接生成二维码

QRCode制作二维码小结_第2张图片

相关代码如下所示:

//二维码参数设置

var qrcode = new QRCode(document.getElementById("qrcode"), {
    width : 200,
    height : 200,
    colorDark : "green",
    colorLight : "#fff",
});
function makeCode () { //检测值是否存在,制作二维码
    var elText = document.getElementById("text");
    if (!elText.value) {
        alert("Input a text");
        elText.focus();
        return;
    }
    qrcode.makeCode(elText.value);
}
makeCode();//执行生成二维码
$("#text").on("blur", function () {makeCode();}).on("keydown", function (e) {
    if (e.keyCode == 13) {makeCode();}
    });

你可能感兴趣的:(QRCode制作二维码小结)