Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

SVG: Flaga Zjednoczonych Emiratów Arabskich

piątek,

SVG: Flaga Zjednoczonych Emiratów Arabskich

Flaga Zjednoczonych Emiratów Arabskich zawiera tradycyjne barwy wielkiej dynastii Umajjadów (biała), Abbasydów (czarna), Fatymidów (zielona) i Haszymidów (czerwona), które symbolizują jedność narodów arabskich. Kolory zastosowane na fladze w zapisie szesnastkowym to odpowiednio #FFFFFF (biały), #000000 (czarny), #00843D (zielony) oraz #FF0000 (czerwony). Flaga to prostokąt o proporcjach 12:6 (szerokość:wysokość). Tworzą ją trzy poziome pasy o równych wymiarach, z lewej strony zakryte pionowym pasem o szerokości równej jednej czwartej flagi. Wymiary przyjęte w projekcie to 480 × 240 pikseli dla flagi, 480 × 80 pikseli dla pasa poziomego oraz 120 × 240 pikseli dla pasa pionowego.

Poniżej znajduje się kod strony HTML z dołączoną w formacie SVG flagą Zjednoczonych Emiratów Arabskich.

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="UTF-8">
	<title>Flaga Węgier</title>
</head>
<body style="background: #eee;">
<svg width="480" height="240">
	<rect x="0" y="0" width="480" height="80" fill="#00843D" />
	<rect x="0" y="80" width="480" height="80" fill="#FFFFFF" />
	<rect x="0" y="160" width="480" height="80" fill="#000000" />
	<rect x="0" y="0" width="120" height="240" fill="#FF0000" />
</svg>
</body>
</html>

W prezentowanym projekcie wykorzystano cztery prostokąty (element <rect>). Położenie danego prostokąta określa się za pomocą atrybutów x i y, punktem odniesienia jest lewy górny róg grafiki. Za wymiar prostokąta odpowiadają atrybuty „width” oraz „height”, w formacie SVG brak jawnie określonej jednostki powoduje, że przyjmowane są piksele. Kolor wypełnienia definiuje atrybut „fill”.

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ł: Olimpiada Zdrowia PCK

Olimpiada Zdrowia PCK

Artykuł: Zostań dawcą szpiku!

Zostań dawcą szpiku!

Artykuł: Przeglądarka Vivaldi

Przeglądarka Vivaldi

Artykuł: Lenovo

Lenovo

Artykuł: Światowy Dzień Oszczędzania

Światowy Dzień Oszczędzania

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły