SVG EllipseElement.cx 属性

SVG 是一种用于创建矢量图形的标记语言，可用于在 Web 上呈现图形。EllipseElement 是 SVG 中的一个元素类型，它用于创建椭圆。

EllipseElement.cx 属性表示椭圆中心点在 x 轴的位置。它可以是一个数字或一个百分比值。

语法

<ellipse cx="number|%" />

属性值

| 值 | 描述 | | ----------- | -------------------------------------- | | number | 表示椭圆中心点在 x 轴的位置。 | | % | 表示椭圆中心点在 x 轴上的相对位置百分比。 |

示例

下面的示例创建了一个椭圆，并将其中心点的 x 坐标设置为 100。

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

注意事项

• 如果 cx 属性没有被指定，它将默认为 0。
• cx 属性必须是非负数。

参考链接：MDN Web 文档