SVG wielokąta
SVG wielokąta - <wielokąta>
Przykład 1
<Polygon> tag służy do tworzenia grafiki zawierające co najmniej trzy boki.
Wielokąty są liniami prostymi, kształt jest "zamknięty" (wszystkie linie podłączone).
wielobok z Grecji. "Poly" a "wiele", "gon" oznacza "Kąt".
Oto kod SVG:
Przykłady
<Polygon wskazuje = "200,10 250190 160210"
style = "wypełnić: wapno; skok: szarłat.Król skoku szerokość: 1" />
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).
Analiza kodu:
- współrzędne X i Y punktów atrybutów definicje dla każdego rogu wielokąta
Przykład 2
Poniższy przykład tworzy czworoboczna wielobok:
Oto kod SVG:
Przykłady
<Polygon wskazuje = "220,10 300.210 170.250 123.234"
style = "wypełnić: wapno; skok: szarłat.Król skoku szerokość: 1" />
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).
Przykład 3
Użyj <> elementu wielokąta stworzyć gwiazdę:
Oto kod SVG:
Przykłady
<Polygon wskazuje = "100,10 40.180 190,60 10,60 160.180"
style = "wypełnić: wapno; skok: szarłat.Król skoku szerokość: 5; wypełnić regułę: niezerowe;" />
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).
Przykład 4
Zmień fill-rule atrybut "evenodd":
Oto kod SVG:
Przykłady
<Polygon wskazuje = "100,10 40.180 190,60 10,60 160.180"
style = "wypełnić: wapno; skok: szarłat.Król skoku szerokość: 5; wypełnić regułę: evenodd;" />
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).