今天在做我的优惠券列表的赠送功能时,需要增加一个生成二维码的功能,于是在这里做下总结
在这里要郑重的介绍下大功臣,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');//生成二维码
}
网友评论