O'Reilly logo

HTML5 Web Application Development By Example Beginner's guide by J.M. Gustafson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required