textPath
The textPath SVG element specifies text along a path defined either by a path element or the path equivalent of a basic shape.
Syntax
Attributes
href
Specifies a Uniform Resource Locator (URL) reference to the element.
Value
<url>
Default
(none)
lengthAdjust
Specifies the adjustment to spacing or spacing and glyphs.
Value
spacing | spacingAndGlyphs
Default
spacing
method
Specifies the method by which text should be rendered along the path.
Value
align | stretch
Default
align
path
Specifies a path data string describing the path onto which the typographic characters will be rendered.
Value
<path-data>
Default
(none)
side
Specifies the side of the path the text is placed on.
Value
left | right
Default
left
spacing
Specifies how the user agent should determine the spacing between typographic characters that are to be rendered along a path.
Value
auto | exact
Default
exact
startOffset
Specifies the offset from the start of the path for the initial current text position.
Value
<length-percentage> | <number>
Default
0
textLength
Specifies the length for the text to fit.
Value
<length-percentage> | <number>
Default
(none)
Examples
href
<url>
lengthAdjust
spacing
spacingAndGlyphs
method
<align>
stretch
path
<path-data>
side
left
right
spacing
auto
exact
startOffset
<length-percentage>
<number>
textLength
<length-percentage>
<number>
Links
Internal
External
© 2021 Osbo Design