I 3 rettangoli hanno gli stessi attributi
- x=50, y=50, coordinate del centro
- width=200, height=100, dimensioni
ma il secondo ha
- rx=25, ry=25
e il terzo subisce una traslazione e una rotazione
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<?xml version="1.0"?> <svg xmlns = "http://www.w3.org/2000/svg" > <rect x="50" y="50" width="200" height="100" style="fill:yellow;stroke:blue;stroke-width:3" /> <g transform="translate(300, 0)"> <rect x="50" y="50" width="200" height="100" rx="25" ry="25" style="fill:yellow;stroke:blue;stroke-width:3" /> </g> <g transform="translate(0, 150) rotate(30, 150, 100)"> <rect x="50" y="50" width="200" height="100" style="fill:lime;stroke:red;stroke-width:3" /> </g> </svg> |