技术解析

页面插件 jspdf,导出 pdf 格式文件,怎么插入页眉页脚?
0
2021-08-31 23:44:36
idczone

系统用了一款插件将指定 div 内的内容导出为 pdf 格式,参考地址 http://www.jq22.com/yanshi517; 现在新增了个需求,导出内容过多时,pdf 文件分页要增加页眉页脚,有搞过的吗


刚好做了一个答题卡打印的项目,我的比你的还要复杂一点,多了几个定位点。
1.以 MM 为单位布局
2.JS 操作 DOM 计算高度,绝对定位,手动分页(这样可以页面内容可以高度自定义)
3.逐页使用 html2canvas 转成图片( canvas.toDataURL )
4.以图片形式逐页插入到 PDF ( jspdf 的 addImage 和 addPage )
参考
http://www.hangge.com/blog/cache/detail_2210.html
https://github.com/linwalker/render-html-to-pdf
为啥是逐页导出图片再放入 PDF 呢?
当时一口气生成的 PDF,每页之间的间距找不到方法把控,导致 PDF 的自动分页吧内容切割掉了,所以用了这个笨办法,有更好的方法大家可以讨论一下(反正我也懒得改,已经放生产环境了,哈哈

打印 pdf 是一个玄学问题啊,之前得表格一页放不全,到第二页布局自己就乱掉了。要是单独做一个打印页可能还行,服用的话特别难。

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服