SVG: impostare il colore di riempimento

       
    <svg>
    <polygon points="0,-50 -34,55 55,-10 -53,-10 34,55" 
             transform="translate(80,70)" />
</svg>
  

  points="0,-50 -34,55 55,-10 -53,-10 34,55"

Imposta le coordinate dei vertici del poligono attorno all’origine: il centro della stella coincide con le coordinate 0,0.

  transform="translate(80,70)"

Applica uno spostamento delle coordinate" del poligono di 80 pixel a destra e 70 in basso.

Le trasformazioni possibili sono: translate(), scale(), rotate(), skewX() e skewY().
Attraverso la funzione matrix(), e buone conoscenze di matematica, è possibile definire qualsiasi altra trasformazione.

Eliminare temporaneamente l’attributo transform per verificare la posizione in cui è stato effettivamente definito il poligono.

Impostare una rotazione del poligono aggiungendo la funzione rotate() dopo translate(80,70) mantenendola all’interno delle doppie virgolette. Tenere presente che l’angolo di rotazione va espresso in gradi.