js 如何将dom转换为 图片(base64)

1.引入js

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

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 调用此方法的时候就可以实现下载

posted @ 2019-04-25 10:53  飞尽堂前燕  阅读(2836)  评论(0编辑  收藏  举报