js 如何将dom转换为图片（base64）

最新推荐文章于 2024-10-10 08:28:04 发布

weixin_30768661

最新推荐文章于 2024-10-10 08:28:04 发布

阅读量2.9k

点赞数

文章标签： javascript java 前端 ViewUI

原文链接：http://www.cnblogs.com/MainActivity/p/10766997.html

版权

1.引入js

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

转载于:https://www.cnblogs.com/MainActivity/p/10766997.html