对比色的叠加

Question

我有一个始终可见的叠加矩形。如果叠加层下的“对象”具有相同的颜色，则我的叠加层将无法在视觉上区分 - 用户可能无法意识到它在何处。有没有办法检测叠加下的颜色，这样我就可以计算并改变叠加层的颜色，使其成为对比鲜明的东西......？

我可以截取屏幕截图找到位置，计算颜色，但这会耗尽电池。我不想为叠加层制作动画，因为这可能会让人分心。

你有什么想法如何实现这个目标吗？

谢谢

Answer 1

你可以用javascript做到这一点

<script>

       var e1 = document.getElementsByclassName("your_element")[0];
       var color1 = e1.style.backgroundColor;

       var e2 = document.getElementsByclassName("your_element2")[0];
       e2.style.backgroundColor = "red";

</script>