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

它支持文本注釋、便簽、突出顯示和繪圖。 有一個保存回調將更改保存到您自己的存儲中。