Book description
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
Publisher resources
Table of contents
- Preface
- 1. Understanding Text Layout
- 2. SVG Text Basics
- 3. Colorful Language
- 4. Multiline SVG Text
- 5. Off-Kilter Characters
- 6. Casting Anchor
- 7. Anchoring in International Waters
- 8. Lining Up
- 9. Beyond Straight Lines
- 10. Fonts, Families, Faces
- 11. The Perfect Fit
- 12. Extending Your Toolbox
- A. Text Elements and Attributes
- B. Text and Font Style Properties
- Index
Product information
- Title: SVG Text Layout
- Author(s):
- Release date: October 2015
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491933770
You might also like
book
Mastering SVG
Take the plunge and develop cross-browser-compatible and responsive web designs with SVG Key Features Master the …
book
Practical SVG
Level up your image workflow: from software basics to creating icon systems and implementing fallbacks, Chris …
book
Beginning SVG: A Practical Introduction to SVG using Real-World Examples
Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML …
book
SVG Animations
SVG is extremely powerful, with its reduced HTTP requests and crispness on any display. It becomes …