Javascript 使用pdf.js突出显示pdf中的部分

我目前正在为我的项目使用pdf.js来呈现pdf

现在有一个棘手的任务，在给定坐标的情况下突出显示PDF页面的一部分

例子 给定一个边界部分，如

[（31,35），（40,35），（40,40），（31,40）]

我应该用任何选择的原色突出显示给定部分

如何使用Javascript和pdf.js API完成此任务

---

这是可能的还是我听起来过于雄心勃勃了？

PDF.js的一位作者，

cjones

，已经声明：

不，这（突出显示）与我们将添加到pdf.js的内容不同。这应该很容易在pdf.js之上分层。

来源：

---

如果您对使用此功能感兴趣，您需要自己实现它。

我找到了一种更好的方法来实现这一点，在html页面中找到点的坐标

然后从中减去

div.textLayer

的坐标（位置）以找到坐标

联机显示pdf中文本的

为了找到实际pdf中文本的坐标，请找到纵横比，然后

获得实际坐标

示例

如果联机显示的pdf为

800x900

，且文本坐标为

[（31,35）、（40,35）、（40,40）、（31,40）]

实际pdf大小为

612x792

在实际pdf中找到适当的面积值，如下所示

（612/（800/31）），（792/（900/35））

并以这种方式为所有在网上找到的坐标

i、 e

（40,35）、（40,40）、（31,40）

注:-

---

可能需要检查名为

的PDF.js API。如果选择文本可以满足您的需要，您可以在中找到解决方案的条目

通过

document.getSelection（）

选择文本

如你所说，颜色的调整可以通过使用

<span style="yourColorDefinition">

而不是

<span class="hightlight">

您最好查看src文件夹中的

canvas.js

。功能

stroke

和

fill

可能很有用。享受吧！你有任何回购或活生生的例子吗？对不起，我还没有消息来源。