Skip to main content
 首页 » 编程设计

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

2026年05月17日62开发

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

请您参考如下方法:

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.