import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
export default {
? install(Vue, options) {
? ? /**
? ? ?*
? ? ?* @param {*} reportName 下載時候的標題
? ? ?* @param {*} isDownload ?是否下載默認為下載，傳false不下載
? ? ?*/
? ? Vue.prototype.getPdf = function (reportName, isDownload = true) {
? ? ? // ? ? var target = document.getElementsByClassName("right-aside")[0];
? ? ? // target.style.background = "#FFFFFF";
? ? ? return new Promise((resolve, reject) => {
? ? ? ? var title = reportName;
? ? ? ? html2Canvas(document.querySelector('#pdfDom'), {
? ? ? ? ? allowTaint: true
? ? ? ? }).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 = 595.28
? ? ? ? ? let imgHeight = 592.28 / contentWidth * contentHeight
? ? ? ? ? let pageData = canvas.toDataURL('image/jpeg', 1.0)
? ? ? ? ? let PDF = new JsPDF('', 'pt', 'a4')
? ? ? ? ? //有兩個高度需要區(qū)分豪嗽，一個是html頁面的實際高度职恳，和生成pdf的頁面高度(841.89)
? ? ? ? ? //當內(nèi)容未超過pdf一頁顯示的范圍，無需分頁
? ? ? ? ? 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()
? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? }
? ? ? ? ? if (isDownload) {
? ? ? ? ? ? PDF.save(title + '.pdf')
? ? ? ? ? }
? ? ? ? ? // 刪除本地存儲的base64字段
? ? ? ? ? var pdfData = PDF.output('datauristring')//獲取base64Pdf
? ? ? ? ? resolve(pdfData)
? ? ? ? }
? ? ? ? )
? ? ? })
? ? }
? }
}
