导航:首页 > 编程语言 > js图片颜色识别

js图片颜色识别

发布时间:2023-05-15 19:06:51

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

public string bgcolor = string.Empty;
protected void Page_Load(object sender, EventArgs e)
{
int x = 1, y = 1;//取像素的点位

using (Bitmap bmp = new Bitmap(Server.MapPath("~/images/wish_06.jpg")))//这里改成你的图片地址内
{
Color pixelColor = bmp.GetPixel(x, y);
bgcolor = ColorTranslator.ToHtml(pixelColor);
}
}

然后把bgcolor写到前容台的div的style中

2. 求JS改变已有图片色相(颜色)代码,或支持主流浏览器IE/FF/的滤镜代码,在线跪等

在css中写入滤镜吧
比如
.img{
filter:gray;
}
是网页图片颜色变灰的

3. node识别图片有颜色的部分

node识别图片有颜色的部分

可以使用Node.js的Canvas和Image模块来识别图片中有颜色的部分。Canvas模块可以将图岩尘片转换为画布,而Image模块可以从画布中读取数据,从而获取图片中每丛指个像素的RGB值,从而判断该像素是否具有颜色。渗枣配

4. 如何运用js改变一张图片中某一点的颜色.

给你大概提供下思路:
第一种,你要设计出不同混合后的效果图图片,比如单专单加香蕉的图片,混合的图片等属,然后就简单了,你根据不同点击显示不同效果图就可以。
第二种,不设计图片,那么你瓶子里就要用颜色值去填充,空瓶子要有个区域用来显示颜色值,样式控制很重要,然后点击香蕉等的时候,要传个RGB颜色值过去,然计算两个混合后的颜色值显示。
第二种比较麻烦。颜色值的混合计算可以参考
http://www.cnblogs.com/crazybingo/archive/2012/05/11/2496440.html

5. 求JS代码,图片在鼠标滑过特定区域后改变颜色。

首先,灰色的图复片写一个样式制,设置背景是灰色。例如.picGrey{background:grey;},然后再写一个粉色背景的样式.picPink{background:pink}。
比如大图的灰色图片的ID是 pic1,然后鼠标滑过粉色图片的时候 $('#pic1').addClass("picPink")。说白了就是粉色样式覆盖灰色,就达到效果了。不明白的继续问。希望能帮到您。

6. asp或者js如何获取在线图片的主题色

我的思路是从图片缩放到一个比较小的范围,然后均匀的抽样取各点的色值,然后取平均数或者取最接近的颜色。

我用js做过

7. 有没有能用js给某个图形填充颜色的函数就是比如一件衣服,用鼠标点击就把衣服变成红色。

最简单的方法就是这蠢培拿个衣服有不同的颜色,点击之后替换相应带搭颜色的图片。如果非得用js在原图上填充,这个难度太大了。中逗如果这件衣服很复杂的话,几乎不可能。

8. 怎么用JS实现鼠标经过图片从彩色变黑白色,不是透明的那种。

将鼠标移到图片上试试
<img src="image/abc.gif" style="filter:gray()" onmouseover="this.filters.gray.enabled=false"

onmouseout="this.filters.gray.enabled=true">
这个应该比两张图片的方内法更容好。

9. 使用JS,如果通过一个RGB颜色来获取这个颜色的所有颜色(亮度,灰度变化),如图。

问题比较复杂,分步来讲:

  1. 因为你这张图,很显然是使用HSB颜色,固定H,S和B的取值范专围都是属0%~100%,所有可能的集合就是你的这张图,所以,首先要把rgb颜色转换成hsb颜色。

  2. 把得到的hsb颜色的h值固定,然后使用一个循环,把hsb(h,0%,0%)~hsb(h,100%,100%)都写入一个数组里,这里要注意hsb(h,12%,80%)和hsb(h,80%,12%)是不同的.

  3. 再把hsb颜色转换成rgb颜色,然后输出。

好了,思路有了,接下来难点在于rgb与hsb的颜色转换。

二者的转换复杂程度非同一般,所以,如果真的需要,HI我,给你一篇文章地址。这里打不出网址来。

10. js怎么实现点击循环切换颜色

你可以逗磨先将要出现的颜色,存储到一个数组里,点击时乎链切换数组里岁指孙的元素就可以了。

下面是小例子:

<body>
<divstyle="width:100px;height:100px;border:1pxsolid#ccc;"></div>
</body>
<script>
varsColor=['red','blue','yellow','gray'];
varoDiv=document.getElementsByTagName('div')[0];
variNum=0;
oDiv.onclick=function(){
this.style.background=sColor[iNum%sColor.length];
iNum++;
};
</script>
阅读全文

与js图片颜色识别相关的资料

热点内容
怎么他么怎么又网络了 浏览:649
java会出现内存泄露么 浏览:617
苹果4s锁屏后怎么还显示歌曲 浏览:207
鸿蒙系统文件管理哪些可以删除 浏览:550
ubuntuqt创建工程没有配置文件 浏览:126
网站登录变成其他网站怎么处理 浏览:202
ug数控编程学校有哪些 浏览:203
java图片上传显示 浏览:402
ppt的文件名后缀 浏览:902
ug编程软件下载到哪个盘 浏览:359
炫酷字体APP下载的文件在哪里 浏览:668
廊坊哪里有少儿编程机构 浏览:312
cad新文件能找回来吗 浏览:951
导出手机qq文件到u盘 浏览:456
电脑如何打开ppt文件怎么打开方式 浏览:782
魅族锁定区文件夹 浏览:357
刻字cnc怎么编程 浏览:182
学校的网络拓扑结构图 浏览:784
收集100个pdf文件里关键词 浏览:594
苹果关闭4g网络设置 浏览:289

友情链接