L’esempio introduttivo proposto dal Mozilla SVG Project.
Tre cerchi con riempimento semitrasparente, fill-opacity=”…”, di colore diverso, fill=”…”, posizionati tramite transform=”translate(…, …)
1 2 3 4 5 6 7 8 9 10 |
<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg"> <g fill-opacity="0.75" stroke="black" stroke-width="3"> <circle cx="100" cy="100" r="100" fill="red" transform="translate(120,50)" /> <circle cx="100" cy="100" r="100" fill="blue" transform="translate(190,170)" /> <circle cx="100" cy="100" r="100" fill="green" transform="translate(50,170)" /> </g> </svg> |