jspdf分页有个比较不好的地方就内容过长的时候虽然会虽然能做到分页，但是会把内容给截断，解决思路是给每个可能会被截断元素加上类，然后动态的计算该元素的位置是否在下一页和上一页之间，如果在的话就添加一个空白元素把这个元素给挤下去，这样就能实现了

1.安装依赖

    npm install k-htmlpdf
2.使用方法
    import PdfLoader from 'k-htmlpdf'
    let dom = document.querySelector("#pdfDom");
    let pdf = new PdfLoader(dom, "测试", "itemClass",'break_page');
    pdf.outPutPdfFn("测试");
 let pdf =  new PdfLoader(<ele>,<pdfFileName>,[splitClassName],[breakClassName])
ele:需要导出pdf的容器元素(dom节点 不是id)
pdfFileName: 导出文件的名字 通过调用outPutPdfFn方法也可传参数改变
splitClassName: 避免分段截断的类名 当pdf有多页时需要传入此参数 , 避免pdf分页时截断元素  如表格
调用方式 先 let pdf = new PdfLoader(ele, 'pdf' ,'itemClass');
若想改变pdf名称 pdf.outPutPdfFn(fileName);  outPutPdfFn方法返回一个promise 可以使用then方法处理pdf生成后的逻辑
breakClassName:自定义分页符类名，默认为break_page,添加改类名的标签被自动分页到下一页
 pdf.outPutPdfFn([fileName]) 
*输出下载pdf
自动换页，防止切割
gitee 仓库
gitee.com/kirk958617/…
github 仓库
github.com/manongguai/…
    Kirk25
       
粉丝
 
 
  
相关推荐
 
JsPDF + html2Canvas 网页导出pdf 解决页眉页脚问题 解决分页截断问题 解决图片跨域问题
 
 
5.2k阅读
 
 · 
 
12点赞
使用JavaScript将当前页面保存成PDF，支持图片和文字的保存
 
 
667阅读
 
 · 
 
0点赞
超简单！html2canvas+jspdf纯前端生成pdf
 
 
65阅读
 
 · 
 
0点赞
纯前端生成pdf--html2Canvas+JsPDF
 
 
530阅读
 
 · 
 
2点赞
把HTML转成PDF的4个方案及实现方法
 
 
359阅读
 
 · 
 
0点赞
 
   
友情链接：
 

        python 数值范围