Create a 100*100 pixels ImageData object where every pixel is set to the color red:
Internet Explorer 9, Firefox, Opera, Chrome, and Safari support the ImageData data property.
Note: Internet Explorer 8 and earlier versions, do not support the <canvas> element.
The data property returns an object that contains image data of the specified ImageData object.
For every pixel in an ImageData object there are four pieces of information, the RGBA values:
R - The color red (from 0-255)
G - The color green (from 0-255)
B - The color blue (from 0-255)
A - The alpha channel (from 0-255; 0 is transparent and 255 is fully visible)
The color/alpha information is held in an array, and is stored in the data property of the ImageData object.
The syntax for making the first pixel in the ImageData object red:
The syntax for making the second pixel in the ImageData object green: