Skip to main content


MotionPathPlugin.convertToPath( shape:String | Element, swap:Boolean ) : Array

Converts SVG shapes like <circle>, <rect>, <ellipse>, or <line> into <path>


  • shape: String | Element

    Selector text or Element reference that should be converted

  • swap: Boolean

    By default, the resulting <path> will be swapped directly into the DOM in place of the provided shape element, but you can define false for swap to prevent that.

Returns : Array

An Array of the resulting <path> elements


Identical to the MorphSVGPlugin.convertToPath() method. Please see the corresponding MorphSVG documentation for that method (includes a video).