Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

SVG: Flaga Rumunii

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.

Artykuł: Konkurs z Języka Angielskiego Zawodowego

Konkurs z Języka Angielskiego Zawodowego

Artykuł: Testujemy kontroler ARGB

Testujemy kontroler ARGB

Artykuł: Olimpiada Zdrowia PCK

Olimpiada Zdrowia PCK

Artykuł: Zostań dawcą szpiku!

Zostań dawcą szpiku!

Artykuł: Przeglądarka Vivaldi

Przeglądarka Vivaldi

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły