javascript - 根据div中的背景颜色更改文本颜色

标签 javascript css

我有一个 div,必须在上面放置一些文本。 div 的背景是动态生成的。所以我想根据背景决定文字颜色。

到目前为止,我已经尝试过了。

function invert(color){
   return (color.replace('#','0x')) > (0xffffff/2) ? 'black' : 'white'
}

使用这个我变黑变红了。 invert('#ff0000') => black(虽然白色搭配红色看起来更好)

这个方法可以吗?或者有没有其他更好的方法..

最佳答案

使用这个问题的最高投票答案底部概述的方法 - How to find good looking font color if background color is known?

关于javascript - 根据div中的背景颜色更改文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11139501/

相关文章:

java - 如何在 javascript 中动态设置 jquery 多选选项的 selectedText ..?

html - IE8 - 顶部边距为 : 10px has no margin 的容器

jquery - 禁用游标 :pointer for labels of disabled checkboxes

javascript - 如何删除前第二节课?

javascript - HTML 媒体捕获 API 与 getUserMedia()

javascript - 我如何控制一定比例的具有特定经验的人?

javascript - ESLint 规则通过创建同名的 const 来防止覆盖函数(尤其是在赋值期间)

html - 为什么我的上表不遵守 css 宽度规则?

html - 构建我的第一个导航栏?

css - 侧面导航栏未填满全高