这世间最烈的酒,是你低头噙笑的温柔。
随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码?
通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。
1、引入插件
/*html*/
/*js*/
2、基本用法
var qrcode = document.getElementById('qrcode')
/*直接生成二维码*/
new QRCode(qrcode, 'http://www.daqianduan.com')
/*也可以配置二维码的宽高等*/
var qrcodeObj = new QRCode('qrcode', {
text: 'http://www.daqianduan.com',
width: 256,
height: 256,
colorDark : '#000000', //前景色
colorLight : '#ffffff' //背景色
})
3、API
设置二维码内容–makeCode
qrcodeObj.makeCode('http://www.daqianduan.com/?p=6518&preview=true')
清除二维码–clear
qrcodeObj.clear()
附上我的demo
function getwx(comboId, totalAmount, payChannel) {
$.ajax({
url: XXXXXXXX,
data: {
comboId: comboId,
totalAmount: totalAmount,
payChannel: payChannel,
},
beforeSend: function (xhr) {
xhr.setRequestHeader("auth-token", localStorage.getItem('authToken'));
},
type: 'post',
success: function(res) {
if (res.code == 0) {
qrcode.makeCode(res.data);
$('.wxfullPage').show();
}
},
})
};
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 100,
height : 100
});
差不多就是个这
在最后附上我的QQ: 2489757828
我的私人博客: 李大玄