深入浅出vuejspdf下载_将Vue页面导出为pdf格式并进行下载

import html2Canvas from 'html2canvas'

import JsPDF from 'jspdf'

// tableID domid,title 自定义的title

const getPdf = (tableID, title) => {

html2Canvas(document.getElementById(tableID), {

allowTaint: true,

useCORS: true

}).then(function (canvas) {

let contentWidth = canvas.width

let contentHeight = canvas.height

let pageHeight = contentWidth / 592.28 * 841.89

let leftHeight = contentHeight

let position = 0

let imgWidth = 595.28

let imgHeight = 592.28 / contentWidth * contentHeight

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

let PDF = new JsPDF('', 'pt', 'a4')

if (leftHeight 

PDF.addImage(pageData, 'PNG', 0, 0, imgWidth, imgHeight)

} else {

while (leftHeight > 0) {

PDF.addImage(pageData, 'PNG', 0, position, imgWidth, imgHeight)

leftHeight -= pageHeight

position -= 841.89

if (leftHeight > 0) {

PDF.addPage()

}

}

}

PDF.save(title + '.pdf')

}

)

}

export default getPdf