SVG yolunda çokgenle çizilmiş çokgenlere örnekler

Question

SVG'yi öğrenmek istiyorum ve aynı görüntünün (çokgenli) veya dinamik olarak yollar (yol) kullanılarak nasıl oluşturulacağını öğrenmeye çalışıyorum.

BOTH SVG çokgen VE SVG yolunda SAME çokgeninin birkaç örneğini (üçgen, kare ve beşgen başlayacak kadar) istiyorum, böylece kodu karşılaştırabilirim. Tek tek görüntüleri de bulabilirim, ama hiçbiri SAME değil.

Answer 1

Bu Önemsiz: Temelde bir poligonun points niteliğini alıp M prepending ve z iliştirerek bir yolun d öznitelik dönüştürebilirsiniz. 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>