



first of all we have to know read pixel









DEMO

Just try this example with demo . The browser may wont allow you to get images from other websites.

read pixel color :

Pixel does have 4 components..

1. Red - r

2. Green - g

3. Blue - b

4. Alpha - a ( alpha compositing is the process of combining an image with a background to create the appearance of partial or full transparency )



HTML CODE

<!-- this is the images for processing --> <img id= "scream" src= "html5.gif" alt= "The Scream" width= "220" height= "277" ><p> Canvas: </p> <!-- this is the canvas to display the images --> <canvas id= "cancan" width= "500" height= "600" > Canvas Blue Goat </canvas>

It is possible to process images with HTML5 like reading pixel color and writing pixel color. By using the concept of pixel it is possible to convert image into flat image.