Foundation HTML5 Animation with JavaScript

Chapter 4

Trignometry for Animation

What we'll cover in this chapter:

• Colors on the canvas
• The drawing API
• Loading images
• Pixel manipulation

So far, the graphics drawn in the book example programs have used a few simple commands, and the “canvas drawing API” has been alluded to a number of times. But for the most part, the code has been provided without much explanation.

In this chapter, we look at creating visual content using the canvas element. Specifically, you'll see how to work with color using JavaScript, and take a brief tour of the canvas drawing API.

Colors on the canvas

Colors applied to the canvas element are specified using CSS-style ...