startOffset
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The startOffset attribute defines an offset from the start of the path for the initial current text position along the path after converting the path to the <textPath> element's coordinate system.
You can use this attribute with the following SVG elements:
Example
Usage notes
| Value |
<length-percentage> |
<number>
|
|---|---|
| Default value | 0 |
| Animatable | Yes |
<length-percentage>-
A length represents a distance along the path measured in the current user coordinate system for the
<textPath>element.If a percentage is given, then the start offset represents a percentage distance along the entire path. Thus,
0%indicates the start point of the path and100%indicates the end point of the path. <number>-
This value indicates a distance along the path measured in the current user coordinate system for the
<textPath>element.
Note:
Negative values and values larger than the path length (e.g., 150%) are allowed.
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # TextPathElementStartOffsetAttribute |