將qrcode生成的二維碼轉成圖片

1. 將頁面上原來canvas格式的二維碼隱藏，新建一個div用於存放生成的img標籤

        <div class="canvasCode" id ="query" style="display:none">
          <canvas id="canvas"></canvas>
        </div>
        <div class="codeImg" id="ewm"></div>

2.然後在qrcode生產二維碼後用以下方法將其轉爲圖片

         	 //定義方法
            function canvasToImage(canvas) {
                var image = new Image();
                // 指定格式 PNG 圖片後綴可自定義
                image.src = canvas.toDataURL("image/png");
                image.style = "height:100%";
                return image;
            }

            //找到需要轉換的canvas
            var mycanvas1=document.getElementsByTagName('canvas')[0];

            //進行方法轉換
            var img=canvasToImage(mycanvas1);

            //將轉換後的img標籤插入到顯示容器中
            var ewmImg = document.getElementById('ewm');
            ewmImg.append(img);