HTML5学习(3) SVG的学习及应用二(椭圆)

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<!--椭圆: 圆心X,Y坐标,x轴半径,y轴半径-->
<ellipse cx="100" cy="50" rx="50" ry="40" style="fill:rgb(200,100,50); stroke:rgb(0,0,100);stroke-width:2"/>

<!--3个层叠的椭圆-->
<ellipse cx="420" cy="100" rx="220" ry="30" style="fill:purple"/>
<ellipse cx="420" cy="70" rx="190" ry="20"  style="fill:lime"/>
<ellipse cx="420" cy="50" rx="170" ry="15"  style="fill:yellow"/>

<!--2个包含的椭圆-->
<ellipse cx="800" cy="100" rx="120" ry="30" style="fill:yellow"/>
<ellipse cx="800" cy="100" rx="90" ry="20" style="fill:white"/>

</svg>

椭圆:

          属性:cx,cy,rx(X轴半径),ry(Y轴半径)