wkhtmltopdf 背景图片问题答案

【问题标题】：wkhtmltopdf background-image problemswkhtmltopdf 背景图片问题
【发布时间】：2015-01-12 12:55:18
【问题描述】：

我在 Rails 应用程序中使用 wkhtmltopdf 并尝试通过将仅具有边框的图像作为另一个背景图像来设置边框。（我这样做是因为 box-shadow 不适用于 wkhtmltopdf）。这在 HTML 视图中显示得很好，但在 pdf 中它不起作用。我的 CSS 在这里：

.box{ 
  background-image: url('/assets/posts/background_border.jpg'); 
  background-repeat: no-repeat; 
  height: 100px; 
  width: 100px; 
}

请告诉我如何解决这个问题。谢谢！

【问题讨论】：

【解决方案1】：

将背景图片的 URL 设为绝对 URL。

background-image: url('http://localhost:8080/assets/posts/background_border.jpg');

【讨论】：

【解决方案2】：

我遇到了同样的问题，最后我解决了。我明白了

 Exit with code 1 due to network error: ContentNotFoundError

来自 wktohtml

要解决从 url 声明中删除引号，还需要绝对 url。所以改变

 background-image: url('/assets/posts/background_border.jpg')

到

  background-image: url(http://absolute_url_to_image_without_quote)

【讨论】：

【解决方案3】：

这可能与生成 PDF 时未加载图像有关。我使用命令行工具并使用ie绕过了这个问题：

--javascript-delay 3000

注意：此解决方法已成功通过相对路径和绝对路径进行测试，无论是否包含协议 + 域名。

查看可能相关的 GitHub 问题“wkhtmltopdf background-image not working”。

【讨论】：

【解决方案4】：

您必须提供资源的绝对路径。比如 /Users/projectname/assets/posts/background_border.jpg 在你的情况下。

【讨论】：

【解决方案5】：

使用页面选项：打印媒体类型

【讨论】：