在pdf.js中为突出显示的单词使用纯色

Question

我想更改pdf.js

使用的高亮颜色

https://mozilla.github.io/pdf.js/web/viewer.html

按Ctrl + F并在文档中找到任何单词

我可以通过改变pdf js的样式文件中的颜色来做到这一点。

.textLayer .highlight.selected {
    background-color: rgb(0, 100, 0);
}

我希望这种颜色不透明。如果你看到突出显示的单词是透明的

我明白让它变得透明是因为底层的pdf内容是可见的。 Pdf.js只是在原始pdf内容上呈现透明文本。它使用此透明文本进行搜索和突出显示。

无论如何，我可以用纯色突出显示这个词吗？

Answer 1

在viewer.css类textLayer中，您可以更改不透明度。要使其稳定，可以删除不透明度或设置为1，但您将无法看到文本。我发现0.4看起来很不错

.textLayer {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
     opacity: 1; /* 0.4 looks nice, but 1 answers your question */
 }