根据覆盖的背景区域的亮度更改文本颜色?

我已经考虑了以下内容,所以现在我想知道您的意见,可能的解决方案等。

我正在寻找一种插件或技术来更改文本的颜色,或者根据其父​​级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。

如果背景覆盖的区域很暗,请将文本设置为白色或切换图标。

此外,如果脚本会注意到父级没有定义的background-color或-image,然后继续搜索最接近的值(从父元素到其父元素),那将是很好的选择。

您对此想法有什么看法?已经有类似的东西了吗?脚本示例?

干杯J.

古一TonyPro2020/03/17 18:16:39

我发现BackgroundCheck脚本非常有用。

它检测背景的总体亮度(是背景图像还是彩色),并根据背景的亮度将一个类应用于所分配的文本元素(background--lightbackground--dark)。

它可以应用于静止和运动元素。

来源