开源 JavaScript PDF 注释库

什么是 PDFKit？

PDFKit 是一个免费的开源 JavaScript 库，用于向 PDF 文件添加注释，例如链接、删除文本和交互式注释。需要注意的一点是：PDFKit 不允许打开或编辑现有 PDF 文档，因此您无法向现有 PDF 文档添加注释，但是您可以使用 PDFKit 库从头开始创建 PDF 文件，然后向其中添加注释。

以下是 PDFKit 的一些主要注释功能：

• 添加链接：PDFKit 使您能够在 PDF 文档中包含可点击的链接。
• 添加删除线文本：您可以对使用 PDFKit 生成的 PDF 中的文本应用删除线效果。
• 添加注释：PDFKit 允许您在 PDF 文档中插入交互式注释。

GitHub 统计

姓名：
语言：
星星：
叉子：
执照：
存储库上次更新于

PDFKit 入门

您可以使用 npm 包管理器安装 PDFKit 库。安装 npm 后，只需输入以下命令即可。

npm install pdfkit

向 PDF 添加链接注释

我们可以使用 PDFKit 库的链接注释功能在 PDF 文档中添加超链接。我们提供 X 和 Y 坐标以及文本的高度和宽度，以及链接，以便使用 link 函数使其成为超链接，如以下代码片段所示：

输出

以下输出显示包含超链接的 PDF 文档：

将删除的文本添加到 PDF

我们可以使用 PDFKit 库提供的 moveTo 和 lineTo 函数将划掉的文本添加到 PDF 文档中。moveTo 函数将光标定位在行的起点，lineTo 函数用于从该起点到要划掉的文本末尾绘制一条线。查看以下代码片段了解详细信息：

输出

输出屏幕截图显示了添加了删除线文本的 PDF 文档。

向 PDF 中添加交互式注释

我们可以在 PDF 文档中添加交互式注释，让它们更吸引读者。这些交互式注释在 PDF 中显示为图标，当用户将鼠标悬停在它们上面时，它们会显示弹出内容。您可以完全控制它们的位置和尺寸，根据需要调整 X、Y 坐标、高度和宽度。尝试使用以下代码片段向 PDF 添加交互式注释：

输出

以下屏幕截图显示了添加了交互式注释的 PDF 文档：

当我们将鼠标悬停在黄色图标上时，完整的注释将显示如下：

结论

总之，PDFKit 是一个免费的 JavaScript 库，用于向 PDF 文档添加注释。它提供了一种可访问且用户友好的添加注释的方法。

虽然 PDFKit 在许多领域都表现出色，但需要注意的是 goTo 函数无法按预期工作。此外，note 函数可能会在内容中引入额外的空格，从而导致不良结果。此外，如前所述，我们只能向使用 PDFKit 创建的新 PDF 文档（而不是现有 PDF）添加注释。这些不一致之处可能会引发人们对其是否适合自动化任务的质疑。然而，PDFKit 仍然是手动注释和文档自定义的宝贵工具。

类似产品