Jump to content
GreenSock

DrawSVGPlugin.getPosition()

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

Provides an easy way to get the current position of the DrawSVG.

Parameters

element: Element | Selector text

The element (or the selector text for the element) whose position you'd like to get.

Returns : Number

The position of an SVG element's stroke.

Details

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

When combined with the length (obtained using DrawSVGPlugin.getLength), 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.
×