SVG EllipseElement.cy 属性

简介

SVG（Scalable Vector Graphics，可伸缩矢量图形）是用于描述二维矢量图形的一种XML标记语言。SVG图像在放大或缩小时不会失真，因此它非常适合用于Web、移动设备等各种应用中。

EllipseElement是SVG中用于创建椭圆形状的元素之一，它有很多属性，其中 cy 属性是指椭圆中心点的Y坐标。

语法

<ellipse cy="y" />

属性值

• y：椭圆中心点的Y坐标。可以是数字、百分比或长度单位，默认值为0。

实例

下面是一个例子，展示了如何使用 cy 属性绘制一个椭圆形状：

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

这段代码将创建一个宽度为200，高度为100的SVG画布，并在画布中心绘制一个红色椭圆形状，长轴长度为100（rx），短轴长度为50（ry）。由于CY属性设置为50，因此椭圆中心点垂直于画布中心。

总结

EllipseElement.cy 属性是SVG EllipseElement 元素中的一个属性，用于设置椭圆形状中心点的Y坐标。它是创建SVG图像的重要组成部分，可以帮助实现各种复杂的二维形状。