導航:首頁 > 編程語言 > 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圖片顏色識別相關的資料

熱點內容
蘋果air2插卡價格 瀏覽:626
qq頭像男生圖片大全 瀏覽:164
文件控制電腦 瀏覽:220
pdf文件頁數怎麼讀 瀏覽:489
iphone的文稿與數據在哪個文件夾 瀏覽:918
把文件夾設置密碼 瀏覽:895
網路電視遙控器怎麼對接 瀏覽:169
海爾網站屬於什麼類型網站 瀏覽:565
數據結構要看哪個版本的 瀏覽:557
三菱編程如何寫轉換模式 瀏覽:375
網路刻錄機怎麼連接電腦顯示屏 瀏覽:540
網路男主播怎麼做 瀏覽:104
官媒雜志或者報紙有哪些app 瀏覽:343
如何繼續安裝刪去的app 瀏覽:456
手機泰坦之旅安裝文件夾找不到 瀏覽:36
qq發送文件可以撤回嗎 瀏覽:919
vb連接網路 瀏覽:911
iframesrc禁止查看源文件 瀏覽:854
兒童編程的機構有哪些內容 瀏覽:613
視頻文件格式怎麼變 瀏覽:988

友情鏈接