如何在 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嵌入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

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