jspdf如何拆分/拆分许多数据页面

时间:2020-09-04 08:58:40

标签: vue.js pdf npm jspdf html2canvas

我为我的vuejs使用jspdf和html2canvas npm。我有一个pdf表,其中包含许多数据。发生的是,无论有多少数据,pdf都会压缩内容。我想要一个分页符,当到达要创建新页面的点时,它将创建一个分页符以显示其他数据。这是它生成的示例pdf。sample-pdf

这是我的Vue代码和我使用的方法。请让我知道是否应该为html部分提供更多代码,因为该div中有很多代码行。

<div id="content-pdf">
<div>
download () {
  html2canvas(document.querySelector('#app'), {imageTimeout: 5000, useCORS: true}).then(canvas => {
    document.getElementById('content-pdf').appendChild(canvas)
    let img = canvas.toDataURL('image/png')
    let pdf = new jsPdf('portrait', 'mm', 'a4')
    pdf.addPage("a6", "5");
    pdf.addImage(img, 'JPEG', 5, 5, 200, 287)
    pdf.save('Suqui-SOA.pdf')
    document.getElementById('pdf').innerHTML = ''
    })
}

0 个答案:

没有答案