美文网首页前端
qrcode.js生成二维码

qrcode.js生成二维码

作者: AlisaMfz | 来源:发表于2017-05-09 16:49 被阅读53次

    今天在做我的优惠券列表的赠送功能时,需要增加一个生成二维码的功能,于是在这里做下总结

    在这里要郑重的介绍下大功臣,qrcode.js这是一个开源,并且没有任何依赖的插件,下载地址:http://davidshimjs.github.io/qrcodejs/
    我这里是一个列表,每次点一个优惠券就会生成一个二维码,所以说在生成第二个二维码的时候必须要把第一个删除点,不然两个都会战士在页面上,不能真正满足需求

    首先先在页面中引用qrcode.js

    html

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

    js

    let qrcode == null;

    if(qrcode ==null){

    qrcode =newQRCode(document.getElementById("qrcode"),{

    width:205,//生成图片宽度

    height:205//生成图片高度

    //也可以配置其他参数,像线的宽度或颜色等

    colorDark:"#000000",

    colorLight:"#ffffff",

    correctLevel:QRCode.CorrectLevel.H

    });

    qrcode.clear();//清除二维码

    qrcode.makeCode('http://m.laiyifen.com/index.html');//生成二维码

    }

    相关文章

      网友评论

        本文标题: qrcode.js生成二维码

        本文链接:https://www.haomeiwen.com/subject/pcvmtxtx.html