制作二维码的方式很多,如果不是自己开发,只是为了生成一个二维码用来做一些事情,建议还是网上直接生成,简单快捷;但是如果要做支付或者开发编入项目,还是自己开发一个方便;
运用jqcode.js插件做二维码是件非常简单的事,废话少说,贴代码;
body部分:
<div style="width: 100%;">
<div style="margin:100px auto;width: 60%;">
<input id="text" type="text" value="http://www.runoob.com" style="width:100%" />
<br /><br />
<div id="qrcode" style="width:150px; height:150px; margin-top:15px;margin: auto;"></div>
</div>
</div>
js部分:
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 150,
height : 150
});
function makeCode () {
var elText = document.getElementById("text");
if (!elText.value) {
alert("请填写您要生成二维码的内容");
elText.focus();
return;
}
qrcode.makeCode(elText.value);
}
makeCode();
$("#text").
on("blur", function () {
makeCode();
}).
on("keydown", function (e) {
if (e.keyCode == 13) {
makeCode();
}
});
切记,头部一定要引入jqcode.js;要不然一个大大的报错会展现给你;
什么?到这里就完成了?说好的带logo呢?还能不能愉快的表达了······
小编很无奈,其实真的基本完成了,剩余的logo问题;把二维码下载到桌面,找个P图工具缩放个差不多的logo放在二维码上就OK了;不会P图?没关系,windows自带的画图工具会玩么?有它就行!!!