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

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

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