教你两招,轻松搞定html页面导出为pdf文件

            //导出pdf文件[html2canvas&&jspdf结合方式]
            getPdf: function () {
                var that = this;
                //影藏不需要的按钮
                that.buttonShow = !that.buttonShow;
                //不写会报错
                window.jsPDF = window.jspdf.jsPDF;
                //将body的内容保存为一个图片
                var html2canvas1 = html2canvas(document.body, {
                    //图片跨域加载
                    useCORS: true,
                    onrendered: function (canvas) {
                        var contentWidth = canvas.width
                        var contentHeight = canvas.height
                        //一页pdf显示html页面生成的canvas高度
                        var pageHeight = contentWidth / 592.28 * 841.89
                        //未生成pdf的html页面高度
                        var leftHeight = contentHeight
                        //页面偏移
                        var position = 0
                        //a4纸的尺寸[595.28,841.89] html页面生成的canvas在pdf的宽高
                        var imgWidth = 595.28
                        var imgHeight = 592.28 / contentWidth * contentHeight
                        //获取图片的base64数据
                        var pageData = canvas.toDataURL('image/jpeg', 1.0)
                        //document.body.appendChild(canvas);
                        var PDF = new jsPDF('', 'pt', 'a4');
                        if (leftHeight < pageHeight) {
                            PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
                        } else {
                            //分页
                            while (leftHeight > 0) {
                                PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                                leftHeight -= pageHeight
                                position -= 841.89
                                if (leftHeight > 0) {
                                    PDF.addPage()
                                }
                            }
                        }
                        //下载pdf
                        var save = PDF.save(that.sectionInfo.sectionName+"评标报告" + '.pdf');
                        //将pdf文件转为blob对象
                        var blob = save.output("blob");
                        //保存pdf文件到服务器
                        that.savePdf(blob)
                    },
                });
            },

public class WKHtmlToPdfUtil {
    private static final String WINDOWS_URL = "D:/wkhtmltopdf/bin/wkhtmltopdf.exe";
    private static final String LINUX_URL = "/opt/wkhtmltox/bin/wkhtmltopdf";

 String serverUrl = request.getScheme() + "://" + request.getServerName()+":"+request.getServerPort();
        //组装需要导出页面的地址
        serverUrl += request.getContextPath()+"/";
            serverUrl += "evaluate/report/evaluateSectionReport?projectId="+projectId+"&sectionId="+sectionId;
            logger.info(serverUrl);
         // 工具类调用
        exportPdf(serverUrl,response);

    /**
     * @Title: 导出pdf到服务器
     * @param
     * @return
     */
    public static void exportPdf(String serverUrl, HttpServletResponse response){
        try {
            ArrayList<String> urlList = new ArrayList<>();
            urlList.add(serverUrl);
            String folder = Global.getProfile() + "resultReports/";
            // 判断此路径所有目录是否存在，不存在则创建
            File file = new File(folder);
            if(!file.exists() && !file.isDirectory()){
                // mkdir()创建此抽象路径名指定的目录。如果父目录不存在则创建不成功
                // mkdirs()创建此抽象路径名指定的目录，包括所有必需但不存在的父目录
                file.mkdirs();
            }
            // 生成随机的附件路径(时间戳+4位随机数）
            Random random = new Random();
            String fileName = "milolee"+random.nextInt(10);
            //资源包中,自己下载
            WKHtmlToPdfUtil.htmlToPdf(urlList, folder+fileName+".pdf");
            //资源包中,自己下载
            // 生成成交通知书pdf文件到服务器之后下载到客户端
            FileUtils.downLoadFile(folder,fileName+".pdf",response);
            
        } catch (Exception e){
            e.printStackTrace();
        }
    }