Le tre ellissi hanno gli stessi attributi
- cx=150, cy=100, coordinate del centro
- rx=100, raggio orizzontale
ma la seconda ha
- ry=25, raggio verticale
e la terza subisce una traslazione e una rotazione
1 2 3 4 5 6 7 8 9 10 11 12 |
<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg"> <ellipse cx="150" cy="100" rx="100" ry="50" style="fill:yellow;stroke:blue;stroke-width:3" /> <g transform="translate(300, 0)"> <ellipse cx="150" cy="100" rx="100" ry="25" style="fill:yellow;stroke:blue;stroke-width:3" /> </g> <g transform="translate(0, 150) rotate(30, 150, 100)"> <ellipse cx="150" cy="100" rx="100" ry="50" style="fill:lime;stroke:red;stroke-width:3" /> </g> </svg> |