new

src/tools/htmlToPdf.js

-// 导出页面为PDF格式
-import html2Canvas from 'html2canvas'
-import JsPDF from 'jspdf'
-import {
-    Message, Loading
-} from 'element-ui'
-let loading;
-export default{
-    install (Vue, options) {
-        Vue.prototype.getPdf = function () {
-            loading = Loading.service({
-                lock: true,
-                text: '正在下载pdf...',
-                background: 'rgba(0,0,0,.5)'
-            });
-            let title = this.htmlTitle
-            html2Canvas(document.querySelector('#pdfDom'), {
-                allowTaint: true
-            }).then(function (canvas) {
-                console.log(canvas)
-                let contentWidth = canvas.width;
-                let contentHeight = canvas.height;
-                if (contentWidth === '' || contentWidth === undefined || contentHeight === '' || contentHeight === undefined) {
-                    loading.close();
-                    Message.error('转换pdf失败，请稍后再试！')
-                }
-                let pageHeight = contentWidth / 595 * 842
-                let leftHeight = contentHeight
-                let position = 0
-                let imgWidth = 595
-                let imgHeight = 595 / contentWidth * contentHeight
-                let pageData = canvas.toDataURL('image/jpeg', 1.0)
-                let 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 -= 842
-                        if (leftHeight > 0) {
-                            PDF.addPage()
-                        }
-                    }
-                }
-                loading.close();
-                PDF.save(title + '.pdf')
-            })
-        }
-    }
-}