czwartek,
SVG: Flaga Irlandii
Irlandzka flaga to prostokąt o proporcjach 1:2 podzielony na trzy równe sobie pionowe pasy: zielony, biały, pomarańczowy. Ustalone prawem kolory flagi Irlandii w formie heksadecymalnej to #169B62, #FFFFFF, #FF883E. Tradycyjnie przyjmuje się, że kolor zielony oznacza katolików, pomarańczowy – protestantów, a biały to dążenie do pokoju między nimi. Istnieje także inna interpretacja kolorów irlandzkiej flagi, według której zielony symbolizuje republikę, pomarańczowy wierność, a biały pokój. Potocznie flaga Irlandii jest zwana jako Irish Tricolour.
Flagę Irlandii można bardzo łatwo zakodować w formacie SVG. Wykonanie grafiki sprowadza się do nadania jej właściwych wymiarów (wiersz ósmy) oraz utworzenia trzech prostokątów (elementy rect) z właściwym kolorem wypełnienia (atrybut fill). Akurat w prezentowanym przykładzie nie ma to znaczenia, ale pamiętaj, że w formacie SVG współrzędne (atrybuty x i y) liczone są od górnego lewego rogu. Na potrzeby projektu jako wymiary flagi przyjęto 150 na 300 pikseli. Szerokość jednego pasa w takim przypadku to 100 pikseli.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flaga Irlandii</title>
</head>
<body>
<svg width="300" height="150">
<rect x="0" y="0" width="100" height="150" fill="#169B62" />
<rect x="100" y="0" width="100" height="150" fill="#FFFFFF" />
<rect x="200" y="0" width="100" height="150" fill="#FF883E" />
</svg>
</body>
</html>Poniżej znajduje się grafika z przykładu. Używając skrótów klawiszowych ctrl+ i ctrl- zwróć uwagę, że przy skalowaniu wszystkie figury zachowują idealny kształt. Jest to charakterystyczna cecha grafiki wektorowej.
