Casting Anchor

Chapter 6 introduces the text-anchor property and discusses how it affects the alignment of text.

The links below will open the live example files or high-res PNG or JPEG screenshots in a new browser tab. Alternatively, you can download the entire collection as a zip archive or fork it as a GitHub repository. Be sure to read the O’Reilly Media policy on the use of example code.

• Example 6-1 & Figure 6-1 (text-anchor basics):
  • SVG file
  • screenshot
• Example 6-2 & Figure 6-2 (text chunks):
  • SVG file
  • screenshot
• Figure 6-3 (fixing whitespace issue with an extra text chunk):
  • SVG file
  • screenshot

Return to the main table of contents.