Rendering HTML5 Illustration

Scalable Vector Graphics (SVG) and CANVAS are two new tools introduced in HTML5 that you can use to add illustration and interactive animation to your Web pages. Understand why there are two different formats, how you can use them, and where they can be used today.

* Create SVG and CANVAS illustrations
* Add gradients to SVG and CANVAS illustrations
* Animate CANVAS designs
* Add text to your HTML5 illustrations

Rendering HTML5 Illustration is the third of five articles on the new Web standard, HTML5. These five full-color articles feature ample visuals to illustrate what your Web sites can do with the help of HTML5. The articles are also combined in the book , HTML5, which will add exclusive material in the form of a related real-life project to go alongside each article. This article is equivalent to 43 print pages.

Matthew David is a specialist developing rich Web solutions using technologies like Flash and the latest Web design techniques. In addition, he works in online sales, marketing, and search engine optimization, with the aim of driving business to customer sites. Matthew partners with many companies as a business strategist, works closely with the World Wide Web Consortium Group (W3C), and is on Adobe’s Advisory team.