# animateMotion The **** component is used to apply the path animation. >![](../../public_sys-resources/icon-note.gif) **NOTE:** >The APIs of this module are supported since API version 7. ## Permission List None ## Child Components Not supported ## Attributes The **animate** attributes \(**values** does not take effect\) and the attributes in the following table are supported.

Name

Type

Default Value

Mandatory

Description

keyPoints

string

-

Yes

Point position of a group of key frames. The value of each frame is the distance proportion of the object along the path. The function is the same as that of values in the animate attribute.

path

string

-

Yes

Motion path. The syntax is the same as that of the d attribute of the <path> component.

rotate

[auto | auto-reverse | <number>]

auto

-

Rotation direction of an animation object.
## Example ```
``` ![](figures/2-46.gif)