Skip to Content
SVG Text Layout
book

SVG Text Layout

by Amelia Bellamy-Royds, Kurt Cagle
October 2015
Intermediate to advanced
232 pages
5h 1m
English
O'Reilly Media, Inc.

Overview

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
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

SVG Colors, Patterns & Gradients

SVG Colors, Patterns & Gradients

Amelia Bellamy-Royds, Kurt Cagle
Mastering SVG

Mastering SVG

Rob Larsen
Building Web Applications with SVG

Building Web Applications with SVG

Jon Frost David Dailey and Domenico Strazzullo

Publisher Resources

ISBN: 9781491933817Errata Page