js实现截图并下载到本地

先要引入

<script src="http://html2canvas.hertzen.com/dist/html2canvas.js" type="text/javascript" charset="utf-8"></script>

上面这个js。

再写代码如下：

function testdownImg(){

　　html2canvas(document.body).then(function(canvas) {
　　　　var dataUrl = canvas.toDataURL();

　　　　var a = document.createElement('a'); // 创建一个a节点插入的document
　　　　var event = new MouseEvent('click') // 模拟鼠标click点击事件
　　　　a.download = new Date().getTime(); // 设置a节点的download属性值(图片名称)
　　　　a.href = dataUrl ;                               // 将图片的src赋值给a节点的href
　　　　a.dispatchEvent(event) ；                 // 触发鼠标点击事件

　　});

}