2010-08-18 30 views
1

您好希望從圖像使用Javascript獲得像素顏色值(RBG)的列表,以便我可以從圖像中獲得有趣的顏色。任何人都可以幫助我解決這個問題,請...使用Javascript的圖像的像素顏色值

在此先感謝

+0

PO陣列可以複製[JavaScript eyedropper(告訴鼠標光標下像素的顏色)](http://stackoverflow.com/questions/1936021/javascript-eyedropper-tell-colour-of-pixel-under-mouse-cursor) – 2010-08-18 11:27:18

+1

標記爲一個重複的,因爲接受的答案處理從圖像獲取顏色值。 – 2010-08-18 11:27:51

+0

可能重複[如何使用JavaScript或jQuery來讀取圖像的像素?](http://stackoverflow.com/questions/1041399/how-to-use-javascript-or-jquery-to-read-a -pixel-of-a-image) – 2010-08-18 11:28:46

回答

2

嘗試創建canvas元素,吸取我的圖像,然後使用PixelData取出的數組如此:

data = canvas.getImageData(x, y, 1, 1).data; 

它爲您提供了RGBA顏色

+0

在這種情況下,如何將圖像數據複製到畫布上?另外,你怎麼「畫我的形象」? – 2012-07-18 23:34:10

+0

另外,是否可以從文件中將圖像繪製到畫布上,然後從圖像中獲取像素數據? – 2012-07-18 23:36:05