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.
