寻找一个jQuery插件从图像中选择一种颜色?

时间:2011-12-01 17:36:20

标签: jquery

有谁知道jQuery插件让我从页面上的图像中选择一种颜色? 如果找到jPipette到目前为止,但这是复杂的方式。在服务器端没有PHP。

1 个答案:

答案 0 :(得分:1)

不知道任何插件,我认为你必须使用canvas,如:

//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个字节的数据表示的每个像素:

第一个字节是红色通道

第二个字节是绿色通道

第3个字节是蓝色通道

第4个字节是Alpha通道

每种颜色都是0到255之间的整数。像素从左到右,从上到下处理,从索引0开始。

这只是为了展示基础知识,颜色值本身需要更多的计算,而不仅仅是键入1000来获得正确的颜色,但这就是它的完成方式!我会假设有一个jQuery插件可以更容易地实现这一点。

这里有一个快速教程:http://falcon80.com/HTMLCanvas/PixelManipulation/getImageData.html