Pixel Manipulation
Getting the pixel data:
var imagedata = context.getImageData(x, y, width, height);
Accessing pixel components:
var pixels = [255, 0, 0, 255, 0, 0, 255,
255, 0, 0, 255, 0, 0, 255];
or
for (var offset = 0, len = pixels.length; offset < len; offset += 4) {
var r = pixels[offset], //red
g = pixels[offset + 1], //green
b = pixels[offset + 2], //blue
a = pixels[offset + 3], //alpha
}
DEMO
Leave a Reply