【问题标题】:Using jsPDF to render dynamic data on PDF template使用jsPDF在PDF模板上渲染动态数据
【发布时间】:2023-03-14 15:46:01
【问题描述】:

这里是新手。我正在制作一个从 API 检索数据的应用程序,从这些数据中制作一些图表(可能使用 d3.js),然后在 PDF 模板上呈现这些图表和一些动态文本,生成一个 PDF 文档,然后可以下载用户。

我想知道是否可以使用 jsPDF 来填充预先存在的 PDF 模板上的动态数据。大多数 PDF 文档是静态的,只是需要添加一些动态图表,具体取决于用户输入的内容。

【问题讨论】:

  • 我不知道 jsPDF,但在这种情况下,D3 似乎是图表生成的错误选择,因为它的优势在于数据和 DOM 节点之间的交互映射。听起来您只需要生成一个图表图像即可放置在 PDF 中。
  • 您可以使用您在 D3 中制作的内容(我假设您将编写 SVG),然后将其插入您的 PDF。 jsPDF 有一个名为svgToPDF 的插件,所以它可能会派上用场。我认为动态是在这里使用的错误词 - 你应该这样做,以便有某种下载按钮,当他们点击它时,你将 SVG 保存到 PDF 中并简单地将其提供给他们。
  • 使用 XSL FO 生成 PDF,从应用程序中抓取 SVG,您可以轻松完成所有您的要求。

标签: javascript jquery d3.js pdf-generation jspdf


【解决方案1】:

使用 XSL FO 生成 PDF,从应用程序中抓取 SVG,您可以轻松完成所有要求。大多数 XSL FO 处理器还支持在静态 PDF 上的图表中标记,甚至动态生成页面内容。

【讨论】:

    猜你喜欢
    • 2015-02-26
    • 2020-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-25
    • 2012-06-13
    • 2011-02-25
    相关资源
    最近更新 更多