czwartek,
SVG: Flaga esperancka
Jednym z symboli języka esperanto i ruchu esperanckiego jest flaga esperancka. Występują na nim dwa kolory, zielony oznacza nadzieję, a biały neutralność. Flaga esperancka jest zielonym prostokątem o proporcjach 2:3 z kwadratowym białym kantonem w lewym górnym rogu o wymiarach równych połowie wysokości flagi. W kantonie umieszczono zieloną pięcioramienną gwiazdę.
Wszystkie trzy części składowe flagi wykonano za pomocą elementu polygon (wielokąt), jego atrybut points zawiera współrzędne kluczowych punktów figury. W obrazach SVG domyślnie współrzędne obliczane są od górnego lewego rogu grafiki. Zielony (fill="green") prostokąt zajmuje cały obszar grafiki (300x200). W jego górnym lewym rogu umieszczono biały (fill="white") kwadrat z zieloną gwiazdą pośrodku (jej środek ma współrzędne (50,50)). Okrąg opisany na gwieździe ma promień równy 35 pikseli, dla okręgu wpisanego przyjęto promień 14 pikseli. Jak utworzyć gwiazdę dowiesz się z materiału „Flaga Panamy”.
Poniżej znajduje się kod projektu zapisany formacie SVG. Możesz go wkleić do edytora tekstowego (np. notatnika) i zapisać z rozszerzeniem svg lub wstawić do kodu strony internetowej.
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<polygon points="0,0 300,0 300,200 0,200" fill="green" />
<polygon points="0,0 100,0 100,100 0,100" fill="white" />
<polygon points="50,15 58.23,38.67 83.29,39 63.31,54.32
70.57,78 50,64 29.43,78.3 36.68,54.3 16.7,39 41.77,38.67"
fill="green" />
</svg>Flaga esperancka w formacie SVG:
Dla przypomnienia:
- w formacie SVG współrzędne liczone są od lewego górnego rogu obrazu;
- rozróżniane są wielkie i małe litery;
- w przypadku błędów składniowych grafika się nie wyświetla;
- brak określenia jednostki przy wymiarach oznacza, że przyjmowane są piksele.
