HTML and CSS Reference
Chapter 4. Images on the Canvas
Like the Canvas Drawing API, the Canvas Image API is very robust. With it, we can load in
image data and apply it directly to the canvas. This image data can also be cut and spliced to
display any desired portion. Furthermore, Canvas gives us the ability to store arrays of pixel
data that we can manipulate and then draw back to the canvas.
There are two primary Canvas functions that we can perform with images. We can display
images, and we can modify them pixel by pixel and paint them back to the canvas. There are
only a few Image API functions, but they open up a world of pixel-level manipulation that
gives the developer the power to create optimized applications directly in the web browser
without needing any plug-ins.