先要引入
<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) ; // 触发鼠标点击事件
});
}