Question

The pixel at (0,0) on a canvas is located in what corner of the canvas?

Answer 1

Until now we haven't looked at the actual pixels of our canvas. With the ImageData object you can directly read and write a data array to manipulate pixel data. We will also look into how image smoothing (anti-aliasing) can be controlled and how to save images from your canvas.

The ImageDataobject

Creating an ImageData object

Getting the pixel data for a context

Painting pixel data into a context

Zooming and anti-aliasing

Saving images

See also