Building Web Applications with SVG - Cdn.oreilly.com

Chapter 3 Adding Text, Style, and Transforms 59
Adding and Positioning Text .......................................60
The Element .........................................60
The Element .......................................63
Making Adjustments with dx and dy ..........................64
Text and Shapes on a Path: and ...........64
The Element .........................................65
Working with Colors in SVG .......................................66
Named Color Values ........................................66
HSL .......................................................66
RGB .......................................................66
Creating Gradients in SVG .........................................67
Applying Gradients to a Path ................................67
Clipping and Masking with SVG ....................................73
Details of Transforms .............................................77
The translate Command .....................................77
The scale Command ........................................78
Skewing: The skewX and skewY Commands ....................79
The rotate Command .......................................79
The matrix Command .......................................80
Adding Style Using CSS ......................................80
Using Media Queries to Enhance Usability ....................82
Additional Capabilities of CSS3 ...............................83
Vector Graphics, Symbol, and Button Libraries .......................83
Accessibility .....................................................83
Semantic Elements and Features ..............................84
Case Study: A Simple SVG Web Interface ............................85
Summary .......................................................88
Chapter 4 Motion and Interactivity 89
Declarative Animation with SVG. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89
Getting Started .............................................91
Motion Along a Path ........................................95
Contents ix