<rect>
<rect> 元素是一个 基本的 SVG 形状，用于绘制矩形，由其位置、宽度和高度定义。矩形的角可以是圆角。
示例
html
<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
<!-- Simple rectangle -->
<rect width="100" height="100" />
<!-- Rounded corner rectangle -->
<rect x="120" width="100" height="100" rx="15" />
</svg>
属性
x-
矩形的 x 坐标。值类型：<length>|<percentage>；默认值：
0；可动画：是 y-
矩形的 y 坐标。值类型：<length>|<percentage>；默认值：
0；可动画：是 width-
矩形的宽度。值类型：
auto|<length>|<percentage>；默认值：auto；可动画：是 height-
矩形的高度。值类型：
auto|<length>|<percentage>；默认值：auto；可动画：是 rx-
矩形的水平角半径。如果指定了
ry，则默认为ry。值类型：auto|<length>|<percentage>；默认值：auto；可动画：是 ry-
矩形的垂直角半径。如果指定了
rx，则默认为rx。值类型：auto|<length>|<percentage>；默认值：auto；可动画：是 pathLength-
矩形周长的总长度，以用户单位表示。值类型：<number>；默认值：无；可动画：是
注意：从 SVG2 开始，x、y、width、height、rx 和 ry 是几何属性，这意味着这些属性也可以用作该元素的 CSS 属性。
使用上下文
规范
| 规范 |
|---|
| 可缩放矢量图形 (SVG) 2 # RectElement |
浏览器兼容性
BCD 表格仅在浏览器中加载