HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

textPath

Description

The textPath element for SVG 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>