把html页面保存为图片格式

把HTML页面保存为图片
这里用到html2canvas库

npm install html2canvas

import html2canvas from 'html2canvas'


//可以保存整个页面，也可以保存指定容器
//保存指定容器指定容器就把‘document.body’改为容器变量就可以了			
html2canvas(document.body).then(function(canvas) {
    canvas.className = 'canvas'
    document.body.appendChild(canvas);
    var can = document.querySelector(".canvas")
    var url = can.toDataURL();//
    var a = document.createElement('a');          // 创建一个a节点插入的document
    var event = new MouseEvent('click')           // 模拟鼠标click点击事件
    a.download = '图片名字'                  // 设置a节点的download属性值
    a.href = url;                                 // 将图片的src赋值给a节点的href
    a.dispatchEvent(event)
});