使用视差编辑现有 PDF 模板 / jsPDF

Question

如何将现有 PDF 文档加载为jsPDF对象并使用名为parallax / jsPDF 的JavaScript 库进行编辑，该库是我撰写本文时用于生成 PDF 的最流行的 JavaScript 库。

我现在使用的是最新版本2.5.1 。

我到处寻找，终于得到答案，浪费了太多时间。所以我决定把它放在这里，以便任何人都可以更快地参考它。

Answer 1

截至目前（2022 年 12 月 28 日），“ JsPdf不具备该功能，并且可能永远无法解析现有的 PDF 文件。这意味着对其基本架构进行重大重写。 ”正如其贡献所述。

还有其他库支持相同的功能，例如pdf-lib。我从他们的 GitHub 页面中提取了以下内容。

pdf-lib 的创建是为了解决 JavaScript 生态系统缺乏对 PDF 操作（尤其是 PDF 修改）的强大支持的问题。

pdf-lib 的两个显着特征是：

1. 支持现有文档的修改（编辑）。
2. 在所有 JavaScript 环境中工作 - 不仅仅是在 Node 或浏览器中。

还有其他优秀的开源 JavaScript PDF 库可用。然而，他们中的大多数只能创建文档，不能修改现有文档。其中许多只能在特定环境下工作。

UMD模块

您还可以从 unpkg 或 jsDelivr 下载 pdf-lib 作为 UMD 模块。UMD 版本已编译为 ES5，因此它们应该可以在任何现代浏览器中运行。如果您不使用包管理器或模块捆绑器， UMD 构建非常有用。例如，您可以直接在 HTML 页面的标记中使用它们。

• https://unpkg.com/pdf-lib/dist/pdf-lib.js
• https://unpkg.com/pdf-lib/dist/pdf-lib.min.js
• https://unpkg.com/pdf-lib/dist/pdf-lib.min.js
• https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.js
• https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.min.js

注意：如果您在生产中使用 CDN 脚本，则应在 URL 中包含特定版本号，例如：

• https://unpkg.com/pdf-lib@1.4.0/dist/pdf-lib.min.js
• https://cdn.jsdelivr.net/npm/pdf-lib@1.4.0/dist/pdf-lib.min.js