<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 表格僅在瀏覽器中載入