示例
html
<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="50" cy="50" rx="0" ry="25" />
<ellipse cx="150" cy="50" rx="25" ry="25" />
<ellipse cx="250" cy="50" rx="50" ry="25" />
<rect x="20" y="120" width="60" height="60" rx="0" ry="15" />
<rect x="120" y="120" width="60" height="60" rx="15" ry="15" />
<rect x="220" y="120" width="60" height="60" rx="150" ry="15" />
</svg>
ellipse
对于 <ellipse>，rx 定义了形状的 x 轴半径。如果值为零或负数，则椭圆将完全不会被绘制。
| 值 |
<length> | <percentage> | auto |
|---|---|
| 默认值 | auto |
| 可动画的 | 是 |
注意：<ellipse> 的 x 轴半径也可以通过 rx 几何属性来定义。如果使用 CSS 设置，rx 属性值将覆盖 rx 属性值。
rect
对于 <rect>，rx 定义了用于圆角化矩形角的椭圆的 x 轴半径。
rx 属性值的解释方式取决于 ry 属性和矩形的宽度。
- 如果为
rx提供了有效值但未为ry提供值（或反之），则浏览器将缺失的值视为等于已定义的值。 - 如果
rx和ry都没有提供有效值，则浏览器将绘制一个带有直角的矩形。 - 如果
rx大于矩形宽度的一半，则浏览器会将rx的值视为矩形宽度的一半。
| 值 |
<length> | <percentage> | auto |
|---|---|
| 默认值 | auto |
| 可动画的 | 是 |
注意：<rect> 矩形角的水平曲线也可以通过 rx 几何属性来定义。如果使用 CSS 设置，rx 属性值将覆盖 rx 属性值。
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # RX |
另见
- CSS
rx属性