开源 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 仍然是手动注释和文档定制的一个有价值的工具。

类似产品