Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

Scalable Vector Graphics

wtorek,

Scalable Vector Graphics

Scalable Vector Graphics (SVG) to uniwersalny format dwuwymiarowej grafiki wektorowej wolny od licencji i patentów. Specyfikacja SVG została zaproponowana konsorcjum W3C w 1999 roku, a 5 września 2001 roku stała się rekomendacją. Prace specyfikacją SVG są jawne. Przez wiele lat z powodu braku wbudowanej fabrycznie obsługi SVG w najpopularniejszej ówcześnie przeglądarce Internet Explorer wykorzystanie formatu SVG w sieci było mocno ograniczone. Obecnie wszystkie główne nowoczesne przeglądarki, w tym Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari i Microsoft Edge, mają zaimplementowaną obsługę renderowania SVG.

Dokumenty SVG są plikami tekstowymi, format należy do rodziny XML i może być integrowany z innymi dokumentami XML, np. XHTML, MathML. SVG dopuszcza kilka typów obiektów graficznych: ścieżki i kontury składające się z linii prostych i krzywych, obrazy bitmapowe oraz tekst. Obiekty można grupować. Obsługiwane są takie funkcje jak przezroczystość, filtry, ścieżki przycinające, transformacje, skrypty i animacje. SVG jest grafiką wektorową, pliki w tym formacie można powiększać bez utraty jakości obrazu. Pliki SVG można tworzyć w edytorze tekstowym, jednak edytory grafiki są zdecydowanie wygodniejszym narzędziem do tego zadania. Jako format tekstowy, obrazy SVG bardzo dobrze poddają się bezstratnej kompresji.

Jako przykład zaprezentowano stronę HTML z dołączonym prostym plikiem SVG. Pod poniższym kodem źródłowym można zobaczyć grafikę SVG z przykładu.

<html lang="pl">
<head>
	<meta charset="UTF-8">
	<title>Flaga Polski</title>
</head>
<body>
	<svg width="320" height="200">
		<rect x="0" y="0" width="320" height="200" fill="#e9e8e7" />
		<rect x="0" y="100" width="320" height="100" fill="#d4213d" />
	</svg>
</body>
</html>

Artykuł: Harmonogram egzaminów maturalnych

Harmonogram egzaminów maturalnych

Artykuł: Staże w Hiszpanii

Staże w Hiszpanii

Artykuł: Conformité Européenne

Conformité Européenne

Artykuł: Display Stream Compression

Display Stream Compression

Artykuł: High Dynamic Range

High Dynamic Range

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły