SVG Poligon - <polygon>
<polygon> elemanının, en az üç yüzeyi içeren bir grafik oluşturmak için kullanılır.
Çokgenler düz çizgiler yapılır ve şekli olan "closed" (bütün çizgiler kadar çıkar).
Poligon Yunanca geliyor. "Poly" anlamına "many" ve "gon" anlamına gelir "angle" .
Örnek 1
Aşağıdaki örnek üç tarafı olan bir çokgen oluşturur:
İşte SVG kodu:
Örnek
<svg height="210" width="500">
<polygon points="200,10 250,190 160,210"
style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
Kendin dene " Code explanation:
- points özelliği, x tanımlar ve y çokgenin her bir köşesi için koordinatları
Örnek 2
Aşağıdaki örnek dört kenarlı bir çokgen oluşturur:
İşte SVG kodu:
Örnek
<svg height="250" width="500">
<polygon points="220,10 300,210 170,250 123,234"
style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
Kendin dene " Örnek 3
Kullan <polygon> bir yıldız oluşturmak için eleman:
İşte SVG kodu:
Örnek
<svg height="210" width="500">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>
Kendin dene " Örnek 4
Dolgu-kural değiştirme özelliği "evenodd" :
İşte SVG kodu:
Örnek
<svg height="210" width="500">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
Kendin dene "