czwartek,
SVG: Flaga Rumunii
Flaga Rumunii zawiera trzy równe sobie pionowe pasy, jest to prostokąt o proporcjach 3:2 (szerokość:wysokość), z czego wynika, że jeden pas ma wymiary 1 × 2. Kolory flagi wyrażone w zapisie szesnastkowym to #002B7F dla niebieskiego, FCD116 dla żółtego oraz #CE1126 dla czerwonego.
Poniżej znajduje się kod strony HTML z dołączoną flagą Rumunii w formacie SVG. Prezentowany projekt jest łatwy do wykonania, wystarczy utworzyć trzy prostokąty (elementy rect), wymiary flagi to jej proporcje pomnożone przez dwiecie. Każdy prostokąt ma wymiary 200 × 400 i jest wypełniony odpowiednim kolorem (atrybut fill). W przypadku formatu SVG brak jawnie określonych jednostek powoduje, że stosowane są piksele. Wszystkie elementy muszą znaleźć się we właściwych miejscach, odpowiadają za to atrybuty x i y, które oznaczają położenie lewego górnego rogu prostokąta, liczone względem lewego górnego obszaru roboczego.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Flaga Rumunii</title>
</head>
<body>
<svg width="600" height="400">
<rect x="0" y="0" width="200" height="400" fill="#002B7F" />
<rect x="200" y="0" width="200" height="400" fill="#FCD116" />
<rect x="400" y="0" width="200" height="400" fill="#CE1126" />
</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.
