使用qrcodejs前端生成二維碼

官網

Github: https://github.com/davidshimjs/qrcodejs
qrcode.js原理是用html5 Canvas畫布生成二維碼.

使用

<div id="qrcode"></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>