wkhtmltopdf背景图像问题

时间:2014-11-15 02:07:40

标签: css ruby-on-rails wkhtmltopdf

我在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; 
}

请让我知道如何解决这个问题。谢谢!

5 个答案:

答案 0 :(得分:1)

这可能与生成PDF时未加载的图像有关。我使用命令行工具并使用ie。:

来规避问题
--javascript-delay 3000

注意:使用或不使用协议+域名,已成功使用相对和绝对路径测试此变通方法。

查看与GitHub相关的问题" wkhtmltopdf background-image not working"。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

使背景图像的URL绝对。

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

答案 3 :(得分:0)

我有同样的问题,最后我解决了。 我得到了

 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)

答案 4 :(得分:-1)

使用页面选项:print-media-type

http://wkhtmltopdf.org/usage/wkhtmltopdf.txt