无法使用Wicked PDF呈现图表

Question

我正在尝试使用wicked_PDF将HTML页面呈现为PDF。该页面包含我使用D3.js创建的几个图表。在PDF上，只有图表的轴可见。图表的主体是空白的。 我试图将SVG转换为Canvas和PNG图像（使用Base64编码）。在这两种情况下，图像都显示为HTML，但只有轴显示在PDF中。 有什么建议吗？

Answer 1

在渲染PDF之前，似乎javascript无效。

首先，请确保在渲染PDF时启用它。根据{{​​3}}，:disable_javascript => false存在选项render :pdf。

接下来，所有资产都必须包含在绝对网址中。根据相同的链接，

  

您必须定义CSS文件，图像和javascripts的绝对路径;最好的选择是使用wicked_pdf_stylesheet_link_tag，wicked_pdf_image_tag和wicked_pdf_javascript_include_tag助手。

Answer 2

似乎图形没有完全渲染，但wickedpdf正在捕捉页面。因此，您可以使用一个选项等待java脚本完全运行并呈现图形。

  

：javascript_delay =＆gt; 10000

现在邪恶的pdf将等待10秒钟。

注意：这仅适用于wkhtmltopdf版本0.12.1。