Chapter 3. Dynamic graphics


This chapter covers
  • Using the <canvas> element to draw shapes, text, and images
  • Transforming existing images with <canvas>
  • Using Scalable Vector Graphics (SVG) in your web pages
  • The strengths and weaknesses of <canvas> and SVG
  • Cross-browser support


In this chapter, you’ll learn about HTML5’s facilities for dynamic graphics—graphics that can change in response to user input, data, or simply time passing. This could include charts representing network activity or the location of people on a map.

Getting started with <canvas>: shapes, images, and text

The <canvas> element is an image you can create with JavaScript. ...

Get Hello! HTML5 & CSS3: A user-friendly reference guide now with O’Reilly online learning.

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