js 将html 某个dom 导出pdf，并处理分页

1、场景

由前端实现的报表（含echarts图和table表格），需要将整个报表进行导出下载，但不包括页面中的导航栏及其他元素。

2、问题

1）在导出pdf时 ，如果页面长度超过一页，插件无法只能识别分页，会将内容切割，如下所示：

2）目的：实现当前页放不下该页面元素时，插入空白元素将该元素下挤，实现分页但不分割内容

3、解决方案

通过计算dom元素的高度逐一拆分，动态增加dom元素使布局满足分页但不分割内容，效果如下：

注意：
1）计算高度时，切莫忘记margin；
2）由于通过dom.children 获取子元素，逐一累计并拆分，在添加空白元素节点后，获取的子集也会增加，注意循环中的计数单位自增，对空白元素做标记，如果进入到循环则排除；
3）由于本案例中是将页面元素直接做的变化，再pdf下载后，需移除所有增加的空白元素，恢复页面布局；
4）html2PDF插件中的dom元素参数，只能传页面中有的元素，如若隐藏或深度克隆但未添加到html中的元素，则识别不到，控制台会报错(隐藏了的元素也无法导出)；
5）如果将克隆