Javascript 基于背景图像颜色的文本颜色更改

我们可以根据背景图像的颜色更改文本的颜色吗？我有一个背景图像，我已经附加到身体。每次更改背景图像时重新加载页面时。但我有我的菜单，它位于图像上，文本颜色为黑色。如果背景图像为黑色，菜单将不可见。我的问题有什么解决办法吗？提前感谢。

使用开关箱来处理

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;
}

---

使用开关箱来处理

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;
}

---

如果您知道将要加载的图像是什么，您可以创建一个带有图像名称的字典，并将css类附加到该图像的文本中。然后在页面加载中将类附加到主体类

---

如果您不知道将要加载的图像，有一些解决方案，但它们并不完整。看看这个

如果您知道将要加载的图像是什么，您可以创建一个带有图像名称和css类的字典，并将其附加到文本中。然后在页面加载中将类附加到主体类

---

如果您不知道将要加载的图像，有一些解决方案，但它们并不完整。看看这个

你知道将加载什么图像吗？你知道将加载什么图像吗？嗨，我不知道将加载什么图像我尝试过背景检查插件，我添加了background-check.js文件，在我提到的css中，a.background--dark{color:white；}a.background--complex{color:gray；}但是它不起作用嗨，我不知道将要加载的图像是什么我已经尝试过背景检查插件，我已经添加了background-check.js文件，在我提到的css中，a.background--dark{color:white；}a.background--complex{color:gray；}但是它不起作用