Esempi di poligoni tracciati per tracciato e poligono in SVG

Question

Vorrei imparare SVG e sto cercando di imparare come la stessa immagine può essere renderizzata usando il punto (con poligono) o dinamicamente per tracciati (percorso).

Vorrei alcuni esempi del poligono SAME (triangolo, quadrato e pentagono sono sufficienti per iniziare) in BOTH SVG poligono E percorso SVG, in modo da poter confrontare il codice. Posso trovare le singole immagini disegnate da entrambi, ma nessuno che sia lo SAME.

Answer 1

E 'banale: Si può sostanzialmente prendere l'attributo points di un poligono e trasformarlo in attributo di un percorso d anteponendo M e aggiungendo z. see live on jsFiddle:

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 
    <polygon points="20,20 100,20 100,100 30,110"/> 
    <path  d="M20,20 100,20 100,100 30,110z" fill="green" transform="translate(100,0)"/> 
</svg>