Summary

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 ...

Get HTML5 Web Application Development By Example Beginner's guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.