javascript - 文本颜色根据背景图像的颜色变化

Question

我们可以根据背景图像的颜色改变文本的颜色吗？我有一张背景图片，我已将其附加到正文中。每次背景图像更改时重新加载页面时。但是我的菜单位于图像上，文本颜色为黑色。如果背景图像是黑色的，则菜单将不可见。我的问题有什么解决方案吗？提前致谢。

Answer 1

使用switch case来处理

switch(backgroundimage){
  case "black.jpg":
    document.body.color = "white";
  break;
  case "white.jpg":
    document.body.color = "black";
  break;
  case "green.jpg":
    document.body.color = "gray";
  break;
}