# path The **** component is used to draw a path. >![](../../public_sys-resources/icon-note.gif) **NOTE:** >The APIs of this module are supported since API version 7. ## Permission List None ## Child Components **animate**, **animateMotion**, and **animateTransform** are supported. ## Attributes The universal attributes as well as the attributes listed below are supported. The configured universal attributes are passed to the child components.

Name	Type	Default Value	Mandatory	Description
id	string	-	No	Unique ID of the component.
d	string	-	No	Shape of the path. The value contains a group of character instructions. Uppercase letters are absolute paths, and lowercase letters are relative paths. The meanings of the letters are as follows: M/m = moveto L/l = lineto H/h = horizontal lineto V/v = vertical lineto C/c = curveto S/s = smooth curveto Q/q = quadratic Belzier curve T/t = smooth quadratic Belzier curveto A/a = elliptical Arc Z/z = closepath

Name

Type

Default Value

Mandatory

Description

string

Unique ID of the component.

string

Shape of the path. The value contains a group of character instructions. Uppercase letters are absolute paths, and lowercase letters are relative paths.

The meanings of the letters are as follows:

M/m = moveto
L/l = lineto
H/h = horizontal lineto
V/v = vertical lineto
C/c = curveto
S/s = smooth curveto
Q/q = quadratic Belzier curve
T/t = smooth quadratic Belzier curveto
A/a = elliptical Arc
Z/z = closepath

## Example ```

``` ![](figures/en-us_image_0000001173164891.png)