Building Web Applications with SVG - Cdn.oreilly.com

Contents
Introduction ....................................................xiii
Chapter 1 SVG Basics 1
The What, Why, and Where of SVG ..................................1
The What ...................................................2
The Why ....................................................3
The Where ..................................................4
Getting Started: A Simple Overview .................................5
Viewing SVG ................................................5
Writing SVG .................................................5
Thirteen Examples That Show the Capabilities of SVG .................6
Example 1: Dynamic Random Landscape Drawn with
JavaScript and SVG ...........................................6
Example 2: Equidistant Positioning Points along a Bézier Curve ...8
Example 3: Simple Animation (Just 38 Lines of Markup
and No Script) ..............................................9
Example 4: Use of Gradients and Patterns ......................10
Example 5: Intersecting Clip Paths ............................11
Example 6: Animated Text Crawling Along a Bézier Curve ........13
Example 7: Animated Reflected Gradients with Transparency .....13
Example 8: Clock with Impressionist Tinge .....................14
Example 9: Using a Filter to Create Pond Ripples over an Image ..16
Example 10: Using to Simulate Digital
Elevation Maps .............................................17
Example 11: Non-Affine Cobblestones ........................17
Example 12: Triangular Tiling ................................18
Example 13: A Web Application for Drawing Graphs (Networks) ..19
What do you think of this book? We want to hear from you!
Microsoft is interested in hearing your feedback so we can continually improve our books and learning
resources for you. to participate in a brief online survey, please visit:
microsoft.com/learning/booksurvey
vii