Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

SVG: Flaga Irlandii

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.

Artykuł: Sklep Microsoft

Sklep Microsoft

Artykuł: SVG: Święty Mikołaj

SVG: Święty Mikołaj

Artykuł: Ralph Baer

Ralph Baer

Artykuł: SVG: Ikona nadajnika

SVG: Ikona nadajnika

Artykuł: Encyklopedia Britannica

Encyklopedia Britannica

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły