js取图片颜色代码（获取颜色代码）

今天给各位分享js取图片颜色代码的知识，其中也会对获取颜色代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、js从10种颜色中随机取色实现每次取出不同的颜色
• 2、js 如何获取背景色的值？
• 3、如何用js自动获取图片的背景颜色，急急急...

js从10种颜色中随机取色实现每次取出不同的颜色

昨天在做js

从10种颜色中随机取色，并每次取出的颜色不同的时候，考虑了很多，最终用如下来实现：

复制代码

代码如下:

var

colorList

=

["#FFFF99","#B5FF91","#94DBFF","#FFBAFF","#FFBD9D","#C7A3ED","#CC9898","#8AC007","#CCC007","#FFAD5C"];

for(var

i=0;ilineList.length;i++){

var

bgColor

=

getColorByRandom(colorList);

}

function

getColorByRandom(colorList){

var

colorIndex

=

Math.floor(Math.random()*colorList.length);

var

color

=

colorList[colorIndex];

colorList.splice(colorIndex,1);

return

color;

}

这样便能每次取出的颜色是随机的且都不一样

js 如何获取背景色的值？

javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要使用如下兼容性代码

HTMLElement.prototype.__defineGetter__("currentStyle", function () { 

    return this.ownerDocument.defaultView.getComputedStyle(this, null); 

});

接下来就可以直接使用currentStyle属性来获取元素的样式了，下面实例演示获取页面body的背景色：

1、HTML结构

input type='button' value='点击按钮获取页面背景色' onclick="fun()"/

2、CSS样式

body{background: RGB(222,222,2);}

3、javascript代码

HTMLElement.prototype.__defineGetter__("currentStyle", function () { 

return this.ownerDocument.defaultView.getComputedStyle(this, null); 

});

function fun(){

var color = document.body.currentStyle.backgroundColor;

alert(color);

}

4、效果演示

如何用js自动获取图片的背景颜色，急急急...

div 里面background设置属性

background:url('图片地址') 0 0 no-repeat ；

background-size:100% 100%;

就可以了

上面background 的 0 0 是 x y 轴的偏移量 no-repeat是如果背景图片不重复出现

js取图片颜色代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于获取颜色代码、js取图片颜色代码的信息别忘了在本站进行查找喔。