SVG startoffset Attribute

The startOffset attribute decides the start of the path for the initial text position. This is done after converting the path to the <textPath> element's coordinate system. Only <textPath> element is using this attribute.

Syntax:

startOffset = length-percentage | number

Attribute Values: The startOffset attribute accepts the values mentioned above and described below:

• length-percentage: It enumerates the percentage length along the entire path of the <textPath> element.
• number: It is a numeric value referring to the units of the current coordinate system.

Below examples illustrate the use of startOffset attribute.

Example 1:

Output:

👁 Image

Example 2:

Output:

👁 Image