echarts截图

首先考虑将其转换为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();

      });

    },