SVG 绘制椭圆

椭圆

<svg height="140" width="500" xmlns="http://www.w3.org/2000/svg">
  <ellipse rx="100" ry="50" cx="120" cy="80"
  style="fill:yellow;stroke:green;stroke-width:3" />
</svg>

多个椭圆堆叠

<svg height="150" width="500" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="240" cy="100" rx="220" ry="30" fill="purple" />
  <ellipse cx="220" cy="70" rx="190" ry="20" fill="lime" />
  <ellipse cx="210" cy="45" rx="170" ry="15" fill="yellow" />
</svg>

两个椭圆相交

<svg height="100" width="500" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="240" cy="50" rx="220" ry="30" fill="yellow" />
  <ellipse cx="220" cy="50" rx="190" ry="20" fill="white" />
</svg>