HTML 前端JS生成二維碼 導出二維碼

<script src="~/Content/lib/ewm/jquery.qrcode.js"></script>
<script src="~/Content/lib/ewm/utf.js"></script>


        <div id="ewmdiv" style="margin-left:35%;"></div>
        <a onclick="dcEWM()" style="margin-left: 20%;">導出二維碼</a>

<script type="text/javascript">
    var ewm = "二維碼內容";
    function init(url) {
        $("#ewmdiv").html("");
      $("#ewmdiv").qrcode({
       render: "canvas",
          text: url,
          width: 200,
          height: 200,
       background: "#ffffff",       //二維碼的后景色
       foreground: "#000000"//,        //二維碼的前景色
       src: '/img/ewm.png'             //二維碼中間的圖片
       });
     }
    init(ewm);



    var name="二維碼名稱";
    function dcEWM() {
        init(ewm);
        var now =getDate();
        var img = document.getElementById("ewmdiv").getElementsByTagName("canvas");
        var alink = document.createElement("a");
        alink.href = img[0].toDataURL("image/png");
        alink.download = name + now + ".png";
        alink.click();
    }

    function getDate() {
        var myDate = new Date();
        //獲取當前年
        var year = myDate.getFullYear();
        //獲取當前月
        var month = myDate.getMonth() + 1;
        //獲取當前日
        var date = myDate.getDate();
        var h = myDate.getHours(); //獲取當前小時數(0-23)
        var m = myDate.getMinutes(); //獲取當前分鍾數(0-59)
        var s = myDate.getSeconds();
        //獲取當前時間
        now = year + "" + month + date + h + m + s;
    }
</script>