CHAPTER 10

image

Canvas

In this chapter I’ll show how to use the canvas element in HTML5 to create some fun graphics. As you’ll see, it is very different from SVG, which you explored in the previous chapter. I will discuss the differences in more detail later but the main thing you’ll notice is that canvas is completely implemented in JavaScript. The only part that is in the markup is a simple element definition like this:

<canvas id="myCanvas" width="400" height="400">    Canvas is not supported on this browser</canvas>

Instead, you’ll define the content by calling the various drawing methods using JavaScript. Just like with the audio and video elements, ...

Get Pro HTML5 with Visual Studio 2012 now with O’Reilly online learning.

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