SVG ry 属性

SVG 是一种基于 XML 的图形格式，可以创建在 Web 上交互式的、高分辨率的图形。而 SVG 中的 ry 属性是用来设置椭圆圆心 y 轴方向的半径，与 rx 属性对应。

基本语法

在 SVG 中，我们可以使用 ry 属性来设置椭圆圆心 y 轴方向的半径。它的基本语法如下：

<ellipse ry="value" />

其中，value 表示要设置的半径值，可以是以下单位：

• px（像素）：如 100px；
• em：相对于当前元素的字体大小，如 2em；
• %：相对于视口（浏览器窗口）的半径百分比，如 50%。

注意：ry 属性必须与 rx 属性一同使用来创建一个椭圆或圆。如果只设置了 ry 属性而未设置 rx 属性，则会创建出一个圆，所以应根据需求设置两个属性的值。

案例演示

让我们来看一个简单的例子，如何使用 ry 属性创建出一个椭圆：

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

上面的代码会创建出一个宽度为 200，高度为 100 的 SVG 容器，并在其中绘制一个蓝色的椭圆，椭圆圆心坐标为 (100, 50)，x 轴方向半径为 50，y 轴方向半径为 30。

总结

• ry 属性用来设置椭圆圆心 y 轴方向的半径；
• ry 属性必须与 rx 属性一同使用来创建一个椭圆或圆；
• 可以为 value 设置不同单位的值，如 px、em 和 % 等。