Chapter 5. Not So Blank Canvas
"This world is but a canvas to our imagination."
– Henry David Thoreau
In the previous chapter we learned the basics of using the HTML5 canvas. We created a drawing application called Canvas Pad with tools to draw lines and shapes in all different colors and sizes. In this chapter we will continue our exploration of the Canvas API by extending Canvas Pad to add more tools. Then we will create a new application called Photo Pad where we will take a look at how to load images using the File API and perform image processing by accessing and modifying the individual pixels of the canvas.
In this chapter we will learn:
- How to get text input and draw it to the canvas
- How to use the Canvas API transformation functions to change how items are drawn on the canvas
- How to export the canvas image to save it
- How to load images using the HTML5 File API
- How to draw bitmap images to the canvas...
