Librería Portfolio

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



Chapter 1Understanding Text Layout
The Language of Text
Text Layout on the Web
Text Within Scalable Vector Graphics
Chapter 2SVG Text Basics
Letters on a Page
Big Words, Little Words
Styling Text
Labeling a Graphic
Chapter 3Colorful Language
Fill and Stroke
Coordinating Colors
Painted Effects
Switching Styles
Chapter 4Multiline SVG Text
Stepping Up
Waxing Poetic
Chapter 5Off-Kilter Characters
Multiple Positions
Conflicting Positions
Twisted Letters
Chapter 6Casting Anchor
Start, Middle, or End
Text Chunks
Working with Whitespace
Chapter 7Anchoring in International Waters
Starting from the Other End
Head to Toe Layout
Chapter 8Lining Up
Baseline Basics
Super (and Sub) Baselines
Mimicking Baseline Control
Chapter 9Beyond Straight Lines
Creating Curved Text
Positioning on a Path
Integrating Other Text Effects
Chapter 10Fonts, Families, Faces
Generic Styles
Making the Most of System Fonts
The Perfect Face
Finding Fonts
Faking Fonts
Chapter 11The Perfect Fit
Fixing Font Size
Measuring SVG Text
Fun with Font Adjustments
Chapter 12Extending Your Toolbox
A Foreigner in an SVG File
Appendix Text Elements and Attributes
Appendix Text and Font Style Properties