SVG EllipseElement.ry 属性

SVG EllipseElement.ry 属性 表示椭圆的垂直半径。它是 <ellipse> 元素的一个属性，用于指定椭圆顶部和底部之间的距离。

语法

<ellipse ry="value">

• value: 表示垂直半径的值，可以是任何有效的长度单位（如 px、em、rem、% 等）。

实例

<svg width="200" height="100">
  <ellipse cx="100" cy="50" rx="80" ry="30" fill="yellow" />
</svg>

以上代码将创建一个宽度为 200，高度为 100 的 SVG 画布，并画出一个短轴为 60px，长轴为 140px，填充颜色为黄色的椭圆。

属性说明

• 作用类型: 可用于 <ellipse> 元素。
• 默认值: 50%，即与椭圆的水平半径相等。
• 继承性: 无。
• JavaScript 属性: ellipseElement.ry

浏览器兼容性

| Feature | Chrome | Firefox | IE | Opera | Safari | | ------------ | ------ | ------- | --- | ----- | ------ | | Basic Support | 1 | 1.5 | 9 | 4 | 3 |

相关属性

• <ellipse rx="value">：表示椭圆的水平半径。
• <ellipse cx="value">：表示椭圆的中心位置的 x 坐标。
• <ellipse cy="value">：表示椭圆的中心位置的 y 坐标。

参考链接

• MDN Web 文档：ry