微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我为我的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,200,287)
    pdf.save('Suqui-SOA.pdf')
    document.getElementById('pdf').innerHTML = ''
    })
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。