作者:听天由命____497 | 来源:互联网 | 2024-10-19 13:42


//可以保存整个页面,也可以保存指定容器
//保存指定容器指定容器就把‘document.body’改为容器变量就可以了
imgFun() {
html2canvas(document.querySelector(".testBox"), {}).then(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 = 'image' // 设置a节点的download属性值
a.href = url; // 将图片的src赋值给a节点的href
a.dispatchEvent(event)
document.body.removeChild(canvas)//注意移除哦
});
},