Using an SVG ellipse Element to Render Ellipses : ellipse « SVG « XML






Using an SVG ellipse Element to Render Ellipses

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
 "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">

<svg width="100%" height="100%">
    <ellipse cx="120" cy="80"
             rx="80" ry="30"
             style="fill:rgb(255,0,0)"/>

    <ellipse cx="120" cy="160"
             rx="80" ry="30"
             stroke="blue"
             stroke-width="8"
             stroke-dasharray="1 1 1 1"
             style="fill:rgb(255,0,0)"/>
</svg>

 








Related examples in the same category

1.Linear Gradient Ellipses
2.Radial Gradient Ellipses
3.Circular and Elliptic Arcs