SVG path attribute

The path attribute defines a text path or the motion path along with the characters of a text are displayed or a referenced element is animated respectively. The elements that are using this attribute includes: <animateMotion> and <textPath>.

Syntax:

path = path-data

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

• path-data: It has two different value i.e. it can either define a text path or the motion path along with the glyphs are to be rendered or animated respectively.

Note: Its default value is considered as normal.

Below examples illustrate the use of path attribute.

Example 1:

Output:

Example 2:

Output: