AngularJS - 在前端/浏览器中突出显示现有PDF文件的文本

Question

我找到了这个库：PDF创建。使用这个库可以创建不同样式的pdf文档。我的问题是是否有可能使用AngularJS标记现有pdf文件的文本（并可能添加指向此标记文本的链接）？或者是否有任何解决方法可以实现这一点？

- quma

---

我认为，如果PDF文件已经创建，则无法修改它，但是如果您正在生成PDF文件，则可以进行修改和编辑。 - aUXcoder

如果您使用PdfJS显示生成的PDF文件，则可能是可能的，但您期望的结果是什么？用户下载该文件还是上传到服务器？还是其他？请参见此线程和此库。 - Mathieu de Lorimier

你可以查看这个链接 http://rawgit.com/MrRio/jsPDF/master/docs/global.html#addHTML https://cdn.rawgit.com/MrRio/jsPDF/master/examples/html2pdf/showcase_supported_html.html 但它只在Chrome和Firefox中正常工作，而不是IE。如果你想要跨浏览器的解决方案，请使用html2canvas，然后使用jsPDF将该画布转换为PDF。 - Shantanu

Answer 1

问题有点太宽泛了 - 不确定您所说的“标记”是什么意思 - 您是指以某种方式突出显示还是实际选择？

无论如何，首先要到达正确的页面 - 您可以在超链接中使用片段标识符通过page参数链接到PDF中的特定页面。例如：

<a href="file.pdf#page=1">page 1</a>
<a href="file.pdf#page=2">page 2</a>

如果您想通过超链接突出显示页面的特定部分，可以使用“highlight”参数，注意您还必须设置页面以使用“highlight”参数。例如：

<a href="file.pdf#page=1&highlight=10,10,50,50">page 1 - highlight</a>

矩形值是整数，在一个坐标系中，其中0,0表示左上角，值按lt、rt、top、btm的顺序给出。

还可以通过nameddest参数打开PDF文件到“命名目标”，即文档中的一个命名部分。例如：

<a href="file.pdf#nameddest=mysection">my section</a>

这很棒，因为无论插入、删除页面等操作，该部分始终会正确链接。

您可以阅读有关命名目标的信息，以及打开PDF文件的各种参数。

- Fraser