HTML/CSS到PDF,所有页面上的背景图像

不幸地 var currentBodyHeight = $('body').height(); 由于某些原因,没有准确地显示身体的高度,正如原帖子中提到的那样。我已经按照Nenotlep的建议使用了PDFtk。

这并不太棘手,只需要确保文件被正确保存和擦除,并且我总是保留对临时文件的引用。

如果插件依赖于主体的高度来做出打印决定,那么这可能会奏效。它的作用是将正文的高度设置为页面高度的倍数。你必须弄清楚纸张的高度是多少——标准是每英寸72像素。所以11.5英寸大约是841像素,但您可能需要调整余量。

var paperHeight = 841;

var currentDocHeight = $(document).height();

var pages = Math.ceil(currentDocHeight / paperHeight);

var newBodyHeight = pages * paperHeight;

$('body').css('height', newBodyHeight);

我已经使用jQuery来浓缩答案,但这一切也可以在没有jQuery的javascript中完成。

CSS格式:

body {
  margin:0
}