© Risto Viita/Shutterstock


Advanced Canvas Programming

IN CHAPTER 21, “INTRODUCING the HTML 5 Canvas,” you learned the basics of programming the HTML 5 canvas using JavaScript. This chapter continues your examination of the canvas. You will learn several more advanced graphics programming techniques, such as gradients, drop shadows, moving and rotating objects, and working with pixel-based data.

Learning Objectives

By the time you finish this chapter, you will understand the following key concepts:

   How the HTML 5 canvas supports linear and radial gradients

   How to fill a shape with a pattern using an image

   How to apply drop ...

Get Introduction to Web Development Using HTML 5 now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.