# circle The **** component is used to draw circles. >![](../../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.

Name

Type

Default Value

Mandatory

Description

id

string

-

No

Unique ID of the component.

cx

<length>|<percentage>

0

No

X-coordinate of the circle center. Attribute animations are supported.

cy

<length>|<percentage>

0

No

Y-coordinate of the circle center. Attribute animations are supported.

r

<length>|<percentage>

0

No

Radius of the circle. Attribute animations are supported.
## Example ```
``` ![](figures/en-us_image_0000001173164853.png)