Scalable Vector Graphics (SVG) is an image format, so text isnâ t the
first thing you might think of when considering its uses. But one of
SVGâ s key features is its ability to encode text in a machine-readable
form. This book takes a deep dive into the use of text within SVG to
explore the creative possibilities as well as the potential pitfalls.
Youâ ll start with SVGâ s text basics, and then learn methods for using
SVG to generate complex layouts.
If youâ re an intermediate SVG developer familiar with CSS-styled HTML
text, youâ re ready to get going. This book covers:
- The SVG text and tspan elements, and basic attributes for positioning
simple text labels within a graphic
- SVGâ s fill and stroke properties for controlling textâ s visual
appearance
- Complex text layouts, using formatted poetry as examples
- Features to set the position and orientation of individual text
characters
- Multidirectional text, including right-to-left horizontal text and
vertical text
- Curved or complex text layouts with the textPath element
- Font options for your SVG, including web fonts, and their impact on
text layout