页面插件 jspdf,导出 pdf 格式文件,怎么插入页眉页脚?

[sakuradd]

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

[cutlove]

刚好做了一个答题卡打印的项目，我的比你的还要复杂一点，多了几个定位点。

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 的自动分页吧内容切割掉了，所以用了这个笨办法，有更好的方法大家可以讨论一下（反正我也懒得改，已经放生产环境了，哈哈

[leemove]

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