SVG Ellipse – example
SVG Ellipse – <ellipse> example
<!DOCTYPE html>
<html>
<body>
<svg height=”150″ width=”500″>
<ellipse cx=”240″ cy=”100″ rx=”220″ ry=”30″ style=”fill:purple” />
<ellipse cx=”220″ cy=”70″ rx=”190″ ry=”20″ style=”fill:lime” />
<ellipse cx=”210″ cy=”45″ rx=”170″ ry=”15″ style=”fill:yellow” />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
Output:
Example 2:
<!DOCTYPE html>
<html>
<body>
<svg height=”100″ width=”500″>
<ellipse cx=”240″ cy=”50″ rx=”220″ ry=”30″ style=”fill:yellow” />
<ellipse cx=”220″ cy=”50″ rx=”190″ ry=”20″ style=”fill:white” />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
Other Article
SVG – Scalable Vector Graphics
