SVG EllipseElement.rx 属性

SVG 是可缩放矢量图形的缩写，是一种基于 XML 的图形格式。 在 SVG 中，EllispeElement 表示椭圆形，通过.rx 属性可以设置椭圆形的半径 x 。 本文将介绍 SVG EllipseElement.rx 属性的含义和用法。

属性介绍

rx 属性：指定 EllipseElement 椭圆形的半径 x。

语法

<ellipse rx="value" />

属性值

rx 属性值为正整数或小数，单位为像素（px）。 如果没有设置 ry 属性，则椭圆系统会自动将其设为与 rx 属性值相等。

代码示例

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

在上面的代码示例中，第一个椭圆形的 rx 值为 50，ry 值为 30，表示为一个长轴为 100px，短轴为 60px 的椭圆形。第二个椭圆形的 rx 值为 30，ry 值为自动计算的 30，表示为一个圆形。

注意事项

• rx 属性不能为负数。
• SVG 图形可以通过 stroke属性设置边框颜色，fill属性设置填充色。