Pixel Color Values of image using Javascript

Question

Hi wanted to get the list of pixel color values(RBG) from an image using Javascript so that i can get interesting colors from an image .can anyone help me on this issue please...

thanks in advance

possible duplicate of JavaScript eyedropper (tell colour of Pixel under mouse cursor) — Pekka
– Pekka, Commented Aug 18, 2010 at 11:27
Marking as a duplicate because the accepted answer deals with getting the colour value from an image. — Pekka
– Pekka, Commented Aug 18, 2010 at 11:27
possible duplicate of How to use javascript or jQuery to read a pixel of an image? — Andy E
– Andy E, Commented Aug 18, 2010 at 11:28

qqryq · Accepted Answer · 2010-08-18 12:12:09Z

2

try to create canvas element, draw image on i and then use array of pixeldata from it:

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

it gives you array with RGBA colors

answered Aug 18, 2010 at 12:12

qqryq

1,9443 gold badges18 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Anderson Green Over a year ago

In this case, how can you copy the image data to the canvas? Also, how can you "draw image on i"?

Anderson Green Over a year ago

Also, is it possible to draw an image from a file onto a canvas, and then get the pixel data from the image?

Collectives™ on Stack Overflow

Pixel Color Values of image using Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related