SVG <elipsa>
SVG Elipsa - <elipsa>
Element <ellipse> slouží k vytvoření elipsy.
Elipsa úzce souvisí s kružnicí. Rozdíl je v tom, že elipsa má poloměr x a ay, které se od sebe liší, zatímco kružnice má stejný poloměr x a y:
Příklad 1
Následující příklad vytvoří elipsu:
Zde je kód SVG:
Příklad
<svg height="140" width="500">
<ellipse cx="200" cy="80" rx="100" ry="50"
style="fill:yellow;stroke:purple;stroke-width:2" />
</svg>
Vysvětlení kódu:
- Atribut cx definuje souřadnici x středu elipsy
- Atribut cy definuje souřadnici y středu elipsy
- Atribut rx definuje vodorovný poloměr
- Atribut ry definuje vertikální poloměr
Příklad 2
Následující příklad vytvoří tři elipsy nad sebou:
Zde je kód SVG:
Příklad
<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" />
</svg>
Příklad 3
Následující příklad kombinuje dvě elipsy (jednu žlutou a jednu bílou):
Zde je kód SVG:
Příklad
<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" />
</svg>