首先考虑将其转换为canvas
下载 npm install html2canvas --save
引用 import html2canvas from 'html2canvas'
html里以按钮为例
<button @click="saveChart(echarts的id,echarts的名字)"></button>
saveChart(row,name) {
//row为id,name为名字可不传
html2canvas(document.getElementById(row)).then(function (canvas) {
var img = canvas
.toDataURL("image/png")
.replace("image/png", "image/octet-stream");
var creatIMg = document.createElement("a");
creatIMg.download =name+ ".png"; // 设置下载的文件名,
creatIMg.href = img; // 下载url
document.body.appendChild(creatIMg);
creatIMg.click();
creatIMg.remove();
});
},