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

最新文章

1. (二十一)WebGIS中鹰眼的实现思路
2. jQ $.extend用法
3. 编写SASS的一些技巧
4. python基础学习笔记5--对象
5. linux:如何修改用户的密码
6. MVC控制器里面使用dynamic和ExpandoObject
7. air mobile andriod ios 页面加载控件
8. JMeter-使用Badboy录制Web测试脚本
9. 什么是 html 标签，html 实体
10. 进阶篇之纯css+字体实现五角星（半颗星）评分
11. EL表达式的js函数传参问题
12. Idea-每次修改JS文件都需要重启Idea才能生效解决方法
13. #2 安装Python
14. Copycat - 状态
15. 【pyqtgraph绘图】Qt速成课程
16. cakephp2.7的学习笔记1 —— 安装与配置
17. test面板1
18. Objective-C 对象和消息模型
19. 代码管理（四）SVN和Git对比
20. test20181007 wzoi

热门文章

1. POJ 1015 Jury Compromise (算竞进阶习题)
2. [BJOI2019]勘破神机（斯特林数，数论）
3. 「CF#554 div2」题解
4. Linux 三剑客（Awk、Sed、Grep）
5. SQL Server 中字段的精度问题
6. selenium各版本jar包下载地址
7. 关于JSF
8. spring的事件驱动模型
9. ES6随手学
10. 蚂蚁爬杆问题js实现