SVG Text Layout: Words as Art 1491933771, 9781491933770
Scalable Vector Graphics (SVG) is an image format, so text isn’t the first thing you might think of when considering its
563 67 9MB
English Pages 232 [233] Year 2015
Table of contents :
Copyright
Table of Contents
Preface
What We’ll Cover
About This Book
Conventions Used in This Book
Using Code Examples
Safari® Books Online
How to Contact Us
Acknowledgments
Chapter 1. Understanding Text Layout
The Language of Text
Text Layout on the Web
Character Data
Font Data
Text Layout Instructions
Text Within Scalable Vector Graphics
Chapter 2. SVG Text Basics
Letters on a Page
Big Words, Little Words
Styling Text
Labeling a Graphic
Chapter 3. Colorful Language
Fill and Stroke
Coordinating Colors
Painted Effects
Switching Styles
Chapter 4. Multiline SVG Text
Stepping Up
Waxing Poetic
Chapter 5. Off-Kilter Characters
Multiple Positions
Conflicting Positions
Twisted Letters
Chapter 6. Casting Anchor
Start, Middle, or End
Text Chunks
Working with Whitespace
Chapter 7. Anchoring in International Waters
Starting from the Other End
Head to Toe Layout
Chapter 8. Lining Up
Baseline Basics
Super (and Sub) Baselines
Mimicking Baseline Control
Chapter 9. Beyond Straight Lines
Creating Curved Text
Positioning on a Path
Integrating Other Text Effects
Chapter 10. Fonts, Families, Faces
Generic Styles
Making the Most of System Fonts
The Perfect Face
Finding Fonts
Faking Fonts
Chapter 11. The Perfect Fit
Fixing Font Size
Measuring SVG Text
Fun with Font Adjustments
Chapter 12. Extending Your Toolbox
A Foreigner in an SVG File
Appendix A. Text Elements and Attributes
Appendix B. Text and Font Style Properties
Index
About the Authors
![Separation of Text and Non-text in Document Layout Analysis using a Recursive Filter [9]](https://dokumen.pub/img/200x200/separation-of-text-and-non-text-in-document-layout-analysis-using-a-recursive-filter-9.jpg)
![Fundamental Checkmates [(print layout), print layout ed.]
1910093807, 9781910093801](https://dokumen.pub/img/200x200/fundamental-checkmates-print-layout-print-layoutnbsped-1910093807-9781910093801.jpg)
![Every layout relearn CSS layout by example [2 ed.]](https://dokumen.pub/img/200x200/every-layout-relearn-css-layout-by-example-2nbsped.jpg)
