前端vue 表格转换为图片导出

 npm 安装npm install --save html2canvas
 
 <div v-if="detailflag" class="m-mt12" ref="imageWrapper1">
 表格
 </div>
  <a-icon
  type="copy"
 @click="createImg()"
  />
  
  import html2canvas from "html2canvas";
  createImg() {
      html2canvas(this.$refs.imageWrapper1).then((canvas) => {
        let dataURL = canvas.toDataURL("image/png");
        // console.log(dataURL);
        if (dataURL !== "") {
          var img = dataURL;
          var alink = document.createElement("a");
          alink.href = img;
          alink.download = "downloadName.png";
          alink.click();
        }
      });
    },
在这里插入代码片