SVG Text Layout

Scalable Vector Graphics (SVG) is an image format, so text isnt the first thing you might think of when considering its uses. But one of SVGs 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. Youll start with SVGs text basics, and then learn methods for using SVG to generate complex layouts.If youre an intermediate SVG developer familiar with CSS-styled HTML text, youre ready to get going. This book covers:The SVG text and tspan elements, and basic attributes for positioning simple text labels within a graphicSVGs fill and stroke properties for controlling texts visual appearanceComplex text layouts, using formatted poetry as examplesFeatures to set the position and orientation of individual text charactersMultidirectional text, including right-to-left horizontal text and vertical textCurved or complex text layouts with the textPath elementFont options for your SVG, including web fonts, and their impact on text layout