如何在Angular 2中注释pdf文件

Question

我是Angular的新手。

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

我想在pdf文件上注释/进行更改。就像添加图纸一样：圆形，线条甚至文字。

我如何在Angular 2中做到这一点？

Answer 1

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

• 区域
• 图纸
• 高亮
• 点
• 删除线
• 文本框

例如，请点击https://github.com/instructure/pdf-annotate.js/tree/master/docs中的链接。

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

render

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

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