SVG pathLength Attribute

The pathLength attribute defines the total length for the path, in user units. The elements which are using this attribute are: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, and <rect>

Syntax:

pathLength = number

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

• number: It is either a number with a fractional component or an integer.

Below examples illustrate the use of pathLength attribute.

Example 1:

Output:

👁 Image

Example 2:

Output:

👁 Image