html2pdf.js 解决分页内容截断问题


基于html2pdf.js将html页面导出为pdf

分页内容截断问题:

如果你用的是Vue,可以采用 https://github.com/kempsteven/vue-html2pdf 这个开源库已经解决了该问题,通过计算的方式。
实现的计算原理:

伪代码:
累计每个子元素的高度如果大于纸张高度(如 A4 ),
countChildrenHeight = 0
if (countChildrenHeight > paperHeight) {
// 就在该子元素之前插入分页符(Page-Break)
// parentElement.insertBefore(pageBreakElement, childrenElement);
countChildrenHeight = 0
} else {
countChildrenHeight += childrenHeight;
}

具体实现可以参考 vue-html2pdf:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM