Building Web Applications with SVG

Chapter 3. Adding Text, Style, and Transforms

I want to do with you what spring does with the cherry trees.

— Pablo Neruda

In this chapter:

Adding and Positioning Text

Working with Colors in SVG

Creating Gradients in SVG

Clipping and Masking with SVG

Details of Transforms

Vector Graphics, Symbol, and Button Libraries

Accessibility

Case Study: A Simple SVG Web Interface

You are now ready to move on to some of the slightly more advanced features of SVG. In this chapter, you will start adding more interesting effects and styles with SVG using text, colors, gradients, clipping, masking, CSS3, and coordinate system transformations. A thorough reading of this chapter will take your skills from novice to intermediate in your understanding of how SVG can be styled ...