如何在 Angular 2 中注释 pdf 文件

Question

我是 Angular 的新手。

目前，我有一个呈现 pdf 文件的应用程序。

我想对 pdf 文件进行注释/更改。 就像添加绘图：圆形、线条甚至文本。

我怎样才能在 Angular 2 中做到这一点？

Answer 1

您可以使用适用于pdf.js的pdf-annotate.js插件。 它可用于创建以下注释。

• 面积
• 绘图
• 亮点
• 点
• 三振
• 文本框

例如，请按照https://github.com/instructure/pdf-annotate.js/tree/master/docs 中的链接操作。

如果需要更多示例，可以参考render文件夹中提供的测试。 以下是渲染线条的示例。

import renderLine from '../../src/render/renderLine';

let line = renderLine({
      rectangles: [
        {
          x: 25,
          y: 50,
          width: 100
        }
      ]
    });

Answer 2

Adobe 的 pdf-embed Javascript API 可用于执行此操作。 它可以免费使用。

https://www.adobe.io/apis/documentcloud/dcsdk/pdf-embed.html

查看演示

https://documentcloud.adobe.com/view-sdk-demo/index.html#/view/FULL_WINDOW/Bodea%20Brochure.pdf

它支持文本注释、便签、突出显示和绘图。 有一个保存回调将更改保存到您自己的存储中。