• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

8. Text > Text on a Path

Text on a Path

Text does not have to go in a straight horizontal or vertical line. It can follow any arbitrary path; simply enclose the text in a <textPath> element that uses an xlink:href attribute to refer to a previously defined <path> element. Letters will be rotated to stand “perpendicular” to the curve (that is, the letter’s baseline will be tangent to the curve). Text along a gently curving and continuous path is easier to read than text that follows a sharply angled or discontinuous path.

Warning

The path you reference in the <textPath> element will not be displayed. That’s why Example 8-14 has to draw the paths with <use> elements.

Example 8-14. Examples of textPath

PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint