In this chapter we continued working with the Canvas Pad application. We learned about drawing text on the canvas and transformations by drawing an ellipse. We made Canvas Pad touch enabled by adding support for touch events. Then we created a new application called Photo Pad where we learned about loading files from the user's filesystem using the HTML5 File API. We did some image processing to learn how to directly access and manipulate pixels on the canvas.
We covered the following concepts in this chapter:
How to draw text on the canvas
How to use the Canvas API transformations to translate, rotate, scale and so on, to change the way things are drawn to the canvas
How to create a jQuery plugin to check for touch devices and add touch events to elements
How to use the File API to access files on the user's filesystem and read them into memory using the
FileReader
objectHow to load an image file and draw it into the canvas
How to access the pixels of the canvas and manipulate their colors...