突出使用PDF Pdf.js内的部分(Highlight a section inside pdf

2019-06-26 05:38发布

我目前使用pdf.js为我的项目呈现PDF现在有这个棘手的任务,突出给出的坐标PDF页面的一部分

给定的边界部等[(31,35),(40,35),(40,40),(31,40)]我应该突出显示与所选择的反对原色给定部

如何写一个JavaScript来实际使用pdf.js API来完成这个任务

是否有可能还是我敲响了野心

Answer 1:

作者之一的PDF.js的cjones曾指出:

No, and that’s (highlighting) not like something we would add to pdf.js. That ought to be easy to layer on top of pdf.js.

来源 : http://blog.mozilla.org/cjones/2011/07/03/pdf-js-first-milestone/

你需要自己实现它,如果你有兴趣使用此功能。



Answer 2:

我发现了一个更好的方式来实现这一目标找到该点的坐标在HTML页面

然后减去的坐标(位置) div.textLayer从它找到的坐标

在网上显示的PDF格式的文本。

为了找到实际的PDF文本的坐标找到的纵横比,你会

得到实际的统筹

如果网上显示的PDF格式是800x900和文本统筹

[(31,35),(40,35),(40,40),(31,40)]

和实际的PDF文件大小为612x792

发现该区域的适当的值在这样的实际PDF

(612/(800 / 31)),(792/(900/35))

而做到这一点的方式在网上找到的所有统筹

(40,35),(40,40),(31,40)

注意: -

可能要检查称为PDF.js API convertToPdfPoint



Answer 3:

如果选择的文本可能是足以满足您的需求,您可能会发现您的解决方案中的一个条目SO有关PDF.js高亮显示文本 。

文本被通过所选document.getSelection()

调整颜色,你说可以用完成

<span style="yourColorDefinition">

代替

<span class="hightlight">


文章来源: Highlight a section inside pdf using Pdf.js