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:

我的博客
原文地址:https://www.cnblogs.com/xiaolantian/p/14841103.html