Jump to content


DrawSVGPlugin.getLength( element:Element | Selector text ) : Number

Provides an easy way to get the length of an SVG element's stroke including: <path>, <rect>, <circle>, <ellipse>, <line>, <polyline>, and <polygon>


element: Element | Selector text

The element (or the selector text for the element) whose stroke length you'd like to determine.

Returns : Number

The length of an SVG element's stroke.


Provides an easy way to get the length of an SVG element’s stroke including: <path>, <rect>, <circle>, <ellipse>, <line>, <polyline>, and <polygon>.

When combined with the position (obtained using DrawSVGPlugin.getPosition), you can calculate the total percentage at any given moment like so:

  1. function getPercentage(element) {
  2. return Math.floor(DrawSVGPlugin.getPosition(element)[1] / (DrawSVGPlugin.getLength(element) / 100));
  3. }
Copyright 2017, GreenSock. All rights reserved. This work is subject to theterms of useor for Club GreenSock members, the software agreement that was issued with the membership.