1.引入js

<script src="https://cdn.bootcss.com/html2canvas/0.4.1/html2canvas.js"></script>

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

2.使用

function DownLoadDomImg(el) {
    html2canvas(el, {
	// 页面高度  
	height: el.height,
	// 页面宽度
	width: el.width,
	onrendered: function(canvas) {
		var mA = document.createElement("a");
		mA.href = canvas.toDataURL()
		mA.setAttribute('download', 'download.png');
		mA.click();
		console.log(mA);
　　　　　　　　　// 如果是ie浏览器 则需要 使用ie浏览器的下载方法 进行下载 一会补充
	}
    });
}

// 使用
DownLoadDomImg(document.getElementById("box"))

　　这个时候 传入想要下载的 元素id 调用此方法的时候就可以实现下载

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄