Przykłady wielokątów rysowane przez ścieżkę w stosunku do wielokąta w SVG

Question

Chciałbym nauczyć się SVG i próbuję dowiedzieć się, jak można renderować ten sam obraz za pomocą punktu (z wielokątem) lub dynamicznie według ścieżek (ścieżka).

Chciałbym kilka przykładów SAMEGO wielokąta (trójkąt, kwadrat i pięciokąt wystarczą, aby rozpocząć) w OBRĘBIE wieloboku SVG i ścieżce SVG, dzięki czemu mogę porównać kod. Mogę znaleźć pojedyncze obrazy rysowane przez którekolwiek, ale żadne nie są SAME.

Answer 1

To trywialne: Można w zasadzie przyjąć atrybut wielokąta points i przekształcić go w atrybucie ścieżkę za d przez poprzedzenie M i dołączanie 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>