Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检测网页的突出颜色?_Javascript_Html_Web Applications_Colors - Fatal编程技术网

Javascript 如何检测网页的突出颜色?

Javascript 如何检测网页的突出颜色?,javascript,html,web-applications,colors,Javascript,Html,Web Applications,Colors,我想知道是否有办法检测网页的突出颜色?我指的主要是使用javascript和html5的页面背景色 请注意,我主要考虑两种情况:1。带有背景色和2的页面。带有背景图像的页面 如果有人对这个问题有一些好的想法,我会非常高兴。使用jquery查找背景色的值body标记的值 $("body").css("background-color") 对于站点上的所有元素: $("*").each(function(e){ console.log($(this).css('backgroundCol

我想知道是否有办法检测网页的突出颜色?我指的主要是使用javascript和html5的页面背景色

请注意,我主要考虑两种情况:1。带有背景色和2的页面。带有背景图像的页面


如果有人对这个问题有一些好的想法,我会非常高兴。

使用jquery查找
背景色的值
body
标记的值

$("body").css("background-color")

对于站点上的所有元素:

$("*").each(function(e){
     console.log($(this).css('backgroundColor'));
});
这就是诀窍

只需对结果进行适当排序


Gekkstah

您可以使用javascript获得背景色,这就是您想要的颜色。。。对于图像,将其加载到画布中,逐像素移动,检测颜色并使用每种颜色的RGB值对其进行平均。一旦对所有内容进行了平均,您得到的颜色将是图像中每种颜色的平均值。您能否告诉我们有关您的最终目标的更多信息,这将有助于给出一个有意义的答案。也可以查看此答案,无需jQuery:
getComputedStyle(document.body,null)。getPropertyValue('background-color')
(或
document.body.currentStyle.backgroundColor
用于旧版)