SVG <ellipse>

SVG(Scalable Vector Graphics)是一种用于描述二维矢量图形的XML标记语言,可以实现图形的放大缩小而不失真。在SVG中,我们可以使用椭圆来绘制各种形状。

绘制椭圆

要在SVG中绘制一个椭圆,可以使用<ellipse>元素。<ellipse>元素有两个必需的属性:cxcy,用于指定椭圆的中心坐标;rxry属性分别用于指定椭圆的水平半径和垂直半径。

示例代码如下:

---- ----------- -------------
  -------- -------- ------- ------- ------- ---------- --
------

在上面的示例中,我们绘制了一个中心坐标为(100, 50)的椭圆,水平半径为80,垂直半径为30,填充颜色为红色。

椭圆的属性

除了cxcyrxry属性外,<ellipse>元素还支持其他属性来控制椭圆的外观:

  • fill:填充颜色
  • stroke:描边颜色
  • stroke-width:描边宽度
  • stroke-dasharray:虚线样式
  • opacity:不透明度

示例代码如下:

---- ----------- -------------
  -------- ------- ------- ------- ------- ----------- ------------- ---------------- --
------

在上面的示例中,我们绘制了一个蓝色描边的椭圆,描边宽度为2个像素,填充颜色为透明。

以上就是关于SVG椭圆的介绍,希望能帮助你更好地理解SVG的绘图功能。


上一篇:SVG 圆形
下一篇:SVG 直线