2011-12-01 67 views

回答

1

真的不知道任何插件的,我想你將不得不使用的畫布,是這樣的:

//draw a canvas with an image first, then... 

var image = context.getImageData(x, y, width, height), 
    pix = image.data, 
    color = pix[1000]; // you would need to find the correct pixel, can be done with mouseover or basicly anything you like ? 

像素陣列的形式在PIX變量返回的有4所表示的每個像素字節的數據:

第一字節是紅色通道

第二字節是綠色通道

第三字節是藍色通道

第四字節是Alpha通道

每個顏色是0到255的像素之間的整數,從被處理從左到右,從上到下,在索引開始0

這僅僅是示出了基本知識,並且顏色值本身需要更多的計算,而不是隻輸入1000來獲得正確的顏色,但這是如何完成的!我會假設有一個jQuery插件,這很容易。

這裏有一個快速教程:http://falcon80.com/HTMLCanvas/PixelManipulation/getImageData.html

+0

謝謝。我會試一試。真是可惜http://plugins.jquery.com/目前處於停滯狀態。有人知道他們什麼時候會完成重建嗎? – Marc

相關問題