# rect 用于绘制矩形、圆角矩形。 >![](../../public_sys-resources/icon-note.gif) **说明：** >该组件从API version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 ## 权限列表无 ## 子组件支持animate、animateMotion、animateTransform。 ## 属性支持Svg组件[通用属性](js-components-svg-common-attributes.md)和以下属性。

名称	类型	默认值	必填	描述
id	string	-	否	组件的唯一标识。
width	<length>\|<percentage>	0	否	设置矩形的宽度。支持属性动画
height	<length>\|<percentage>	0	否	设置矩形的高度。支持属性动画
x	<length>\|<percentage>	0	否	设置矩形左上角x轴坐标。支持属性动画
y	<length>\|<percentage>	0	否	设置矩形左上角y轴坐标。支持属性动画
rx	<length>\|<percentage>	0	否	设置矩形圆角x方向半径。支持属性动画
ry	<length>\|<percentage>	0	否	设置矩形圆角y方向半径。支持属性动画

## 示例 ```

``` ![](figures/0.png)