qrcode.js生成二维码

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

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

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

html

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生成二维码)