點擊下載PDF

import html2canvas from 'html2canvas'

import JSPDF from 'jspdf'

export default {

name: 'home',

components: {

chead

},

data () {

return {

msg: 'home'

}

},

methods: {

getPdf: () => {

let pdfDom = document.querySelector('#home')

html2canvas(pdfDom, {

onrendered: 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/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 -= 841.89

if (leftHeight > 0) {

PDF.addPage()

}

}

}

PDF.save('123.pdf')

}

})

html2canvas()

}

},

mounted () {

this.$nextTick(() => {

window.addEventListener('resize', () => {

this.getPdf()

})

})

}

}

首先需要需要

yarn add html2canvas jspdf

總結

以上是生活随笔為你收集整理的python打印网页成pdf_vue中将网页打印成pdf的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。