【问题标题】:wkhtmltopdf with full page background image带有整页背景图片的 wkhtmltopdf
【发布时间】:2012-03-28 20:56:14
【问题描述】:

我有 wkhtmltopdf 处理页眉和页脚图像,并且所有内容都间隔很好。但任务是使用看起来像一种框架的整页背景图像,页面文本位于中心。我想我可以把它放在页眉中,但它不起作用——也许在这里使用整页页眉没有意义。

(这些是多页文档,可以是任意长度)。

关于如何做到这一点的任何想法?

提前致谢。

约翰

【问题讨论】:

    标签: image background header wkhtmltopdf


    【解决方案1】:

    我也有类似的问题,这是我目前理解的:

    • 仅通过 CSS+wkhtmltopdf 在多页文档上将文本垂直居中是不可能的(可能会找到一些复杂的 javascript 内容,但在我的情况下不值得);
    • 由于 wkhtmltopdf 使用 webkit,而 webkit 不支持 @page 规则,因此无法通过 CSS 定义“分页”背景

    所以呢?您将需要一点技巧并使用 pdftk

    1. 在您的 CSS 定义中:

    body {
        background: white;
    }
    

    (如果您的 header.html 和 footer.html 中有 body 标签,请确保该规则也适用于它们)

    2. 使用您的背景图片创建一个单页 pdf(使用与最终 pdf 相同的页面大小)

    3. 安装pdftk 并从命令行:

    $ pdftk yourfile.pdf background background.pdf output yourfile_b.pdf
    

    4.享受:)

    【讨论】:

    • 这是一个聪明但麻烦的解决方法。让我们希望他们尽快升级到 Webkit 的每晚!
    • 此解决方案对于保持高质量的背景图像/内容也很有用。谢谢。
    【解决方案2】:

    您可以使用基于 webkit 的解决方案,例如 HTM2PDF - 您将能够添加一个名为“固定”的功能,您可以在其中将任何图像集成为整页背景。

    更多信息参见文档from the API page

    【讨论】:

      猜你喜欢
      • 2011-08-28
      • 2015-01-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-10-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多