導航:首頁 > 編程語言 > 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

友情鏈接