Rendering HTML5 Illustration (Visualizing the Web)

Add illustration and interactive animation to your Web pages with the new Scalable Vector Graphics (SVG) and CANVAS tools introduced in HTML5. 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 that will be compiled in the book, HTML5: Designing Rich Internet Applications. Each full-color article illustrates specific aspects of the HTML5 standard with techniques to employ them. The book, HTML5: Designing Rich Internet Applications, features exclusive material in the form of a related real-world tutorial project to go alongside each article. This article is equivalent to 43 print pages.

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.

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.HTML 5, is the first major update to the core language of the Web in over a decade.The focus of this book is on innovations that most directly effect Web site design and multimedia integration.The companion Web site features working demonstrations and tutorial media for hands-on practice. [ 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. HTML 5, is the first major update to the core language of the Web in over a decade The focus of this book is on innovations€that most directly€effect Web site design and multimedia integration The€companion Web site features working demonstrations and tutorial media for hands-on p Front Cover 1 Rendering HTML5 Illustration 2 Copyright Page 3 Contents 4 Chapter 1: Rendering HTML5 Illustration 5 The Tale of Web Image Formats 5 Bitmap Images: Using JPEG, GIF, and PNG Images on the Web 5 Creating SVG Graphics 7 The Fundamentals of Creating SVG Images and Adding Them to Your Web Pages 9 Leveraging SVG Drawing Tools 27 Adding the CANVAS Element to Your Web Page 27 What You Have Learned 40 Ad Page 41 Scalable Vector Graphics (SVG) and CANVAS are two tools of HTML5 that you can use to add illustration and interactive animation to your Web pages. This book helps you understand why there are two different formats, how you can use them, and where they can be used. First Published in 2010. Routledge is an imprint of Taylor & Francis, an informa company.