SVG绘制圆形椭圆形

利用< circle > 标签来创建一个圆形或椭圆形。

cx和cy表示圆心的坐标,r属性则是定义圆的半径。半径相同则是圆形,不相同则是椭圆形。

一个圆形简单的例子:

<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="40" cy="40" r="24" style="stroke:#006600; fill:#00cc00"/>
</svg>

与矩形类似,可以用css来定义圆形样式。

 

一个椭圆列子:

<svg xmlns="http://www.w3.org/2000/svg">
<ellipse cx="40" cy="40" rx="30" ry="15"
style="stroke:#006600; fill:#00cc00"/>
</svg>

与圆形类似,cx和cy表示圆心的坐标,rx和ry来表示半径。