前端制作二维码

//引入本地二维码插件
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../libs/jquery/qrcode.min.js"></script>

function createQRCode(val){

    $("#qrcode").empty();   //清空二维码容器
    var qrcode = new QRCode('qrcode', {
        text: val,
        width: 141,
        height: 141,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.H
    });

}

<button onclick="createQRCode('谢谢打赏')">生成二维码</button>
<div id="qrcode"></div>

说明：利用这个插件很简单就能实现二维码的制作，插件用了canvas技术来生成二维码图片。