qrcode.js生成二维码

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

在这里要郑重的介绍下大功臣,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');//生成二维码

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容