- 将页面上原来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);