如何使用 PDF.js 和 CSS 保留倒置 pdf 文档上的图像颜色？

Question

我的目标是使用 PDF.js 库读取 pdf 文件，并以黑色背景和白色文本的深色模式显示 pdf，并保留文档中图像的原始状态。

在 PDF.js 示例的帮助下，我能够在画布上显示 pdf 文档并应用滤镜来反转黑白颜色。

#the-canvas { filter: invert(1); } 

jsfiddle 示例

我在保留 pdf 中图像的原始颜色时遇到问题。

CSS 有没有办法只反转灰度颜色？

Answer 1

hue-rotate(Degree_of_rotation_in_num) 是您的解决方案。对于 Inverse，它将是hue-rotate(180)。将其与您的 { filter: invert(1) } 一起使用。 另一个是名为 mix-blend-mode 的 CSS 属性，为此，最好阅读文档来了解它。