对比色的叠加

Question

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

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

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

由于

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>