前端导出pdf

1.安装插件

yarn add jspdf@1.4.1

yarn add html2canvas

2.引入

import html2canvas from ‘html2canvas’;

import {default as JSPDF} from ‘jspdf’;

// this.text 是要导出的内容

handleExport = () => {
    html2canvas(this.text, {scale: 4}).then(canvas => {
        let contentWidth = canvas.width;
        let contentHeight = canvas.height;

        // 一页pdf显示html页面生成的canvas高度;
        let pageHeight = contentWidth / 592.28 * 841.89;
        
        // 未生成pdf的html页面高度
        let leftHeight = contentHeight;
        
        // 页面偏移
        let position = 0;
        
        // a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
        let imgWidth = 585.28;
        let imgHeight = 592.28 / contentWidth * contentHeight;

        let pageData = canvas.toDataURL('image/jpeg', 1.0);

        let pdf = new JSPDF('', 'pt', 'a4');
        // 有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
        // 当内容未超过pdf一页显示的范围，无需分页
        if (leftHeight < pageHeight) {
            let imageData = 'data:logo/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAAxCAYAAAAfttFcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDQkQ2NzY1RTc3ODExRTZCNTYwODg0Nzg4QUFFMjJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDQkQ2NzY2RTc3ODExRTZCNTYwODg0Nzg4QUFFMjJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNCRDY3NjNFNzc4MTFFNkI1NjA4ODQ3ODhBQUUyMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNCRDY3NjRFNzc4MTFFNkI1NjA4ODQ3ODhBQUUyMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UXR6wAAANnklEQVR42uxcCXRV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\n'
            pdf.addImage(imageData, 'png', 12, 10, 104, 32);
            pdf.addImage(pageData, 'JPEG', 5, 42, imgWidth, imgHeight);
        } else {
            while (leftHeight > 0) {
                let imageData = 'data:logo/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAAxCAYAAAAfttFcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDQkQ2NzY1RTc3ODExRTZCNTYwODg0Nzg4QUFFMjJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDQkQ2NzY2RTc3ODExRTZCNTYwODg0Nzg4QUFFMjJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNCRDY3NjNFNzc4MTFFNkI1NjA4ODQ3ODhBQUUyMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNCRDY3NjRFNzc4MTFFNkI1NjA4ODQ3ODhBQUUyMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UXR6wAAANnklEQVR42uxcCXRV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\n'
                pdf.addImage(imageData, 'png', 12, 10, 104, 32);
                pdf.addImage(pageData, 'JPEG', 5, position+42, imgWidth, imgHeight);
                leftHeight -= pageHeight;
                position -= 841.89;
                if (leftHeight > 0) {
                    pdf.addPage();
                }
            }
        }
        pdf.save('report.pdf');
    });
}