【QrCode前端生成二维码】使用前端实现二维码

遇到客户需求是扫码来替代人工输入一些数据，然后想着只从前端实现最好不过，然后就发现了qrCode这个js库。

1
2
3
4
<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://www.qiuguodj.cn");  // 设置要生成二维码的链接
</script>

可选参数来设置

1
2
3
4
5
6
7
8
var qrcode = new QRCode("test", {
    text: "http://www.qiuguodj.cn",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

下载地址和介绍可以去菜鸟看看

菜鸟直达