jquery - 无法使用 Wicked PDF 渲染图表

Question

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

Answer 1

JavaScript 在渲染 PDF 之前似乎不起作用。

首先，确保在渲染 PDF 时启用它。根据link ，存在选项 :disable_javascript => false 来render :pdf。

接下来，所有资源都必须包含绝对 URL。根据同一链接，

You must define absolute paths to CSS files, images, and javascripts; the best option is to use the wicked_pdf_stylesheet_link_tag, wicked_pdf_image_tag, and wicked_pdf_javascript_include_tag helpers.