使用qrcodejs前端生成二维码

官网

Github: https://github.com/davidshimjs/qrcodejs
qrcode.js原理是用html5 Canvas画布生成二维码.

使用

<div ></div>

<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
    text: "http://jindo.dev.naver.com/collie",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

//其他操作
qrcode.clear(); // clear the code.
qrcode.makeCode("http://naver.com"); // make another code.
</script>

下载二维码

直接下载

把生成的base64二维码的开头data:image/png;base64 改成 data:application/octet-stream;base64即可

window.location.href = 'data:application/octet-stream;base64,' + img;

下载为指定名称

<a download="FILENAME.EXT" href="data:image/png;base64,asdasd...">Download</a>