通过前端实现导出生成pdf文件并下载

通过前端实现导出生成pdf文件并下载

使用 jspdf.js + html2canvas 插件，实现前端生成pdf 并下载的功能
步骤如下
1、先通过npm 安装插件

npm install jspdf.js 
npm install html2canvas

2、单独在utils 文件夹下，新建文件，存放处理代码

/* eslint-disable */
//不使用JQuery版的
import html2canvas from 'html2canvas';
import JsPDF from 'jspdf';

/**
 * @param  ele          要生成 pdf 的DOM元素（容器）
 * @param  padfName     PDF文件生成后的文件名字
 * */

function downloadPDF(ele, pdfName) {
   

    let eleW = ele.offsetWidth;// 获得该容器的宽
    let eleH = ele.offsetHeight;// 获得该容器的高
    let eleOffsetTop = ele.offsetTop;  // 获得该容器到文档顶部的距离
    let eleOffsetLeft = ele.offsetLeft; // 获得该容器到文档最左的距离

    var canvas = document.createElement("canvas");
    var abs = 0;

    let win_in = document.documentElement.clientWidth || document.body