Przejdź do tematu:
Grafika wektorowa
Przejdź do ćwiczenia:
Decydowanie
Włącz widok pełnoekranowy
Udostępnij Pokaż notatkę do tematu Pokaż ustawienia ćwiczenia
Grafika wektorowa

W grafice wektorowej obrazy są tworzone z figur geometrycznych, takich jak wielokąty, okręgi, krzywe czy linie łamane. Wektorowo można opisać również tekst.

Każdy obiekt ma określone parametry, np. położenie, rozmiar i kolor. Dzięki takiemu opisowi komputer wie, jak ma wyglądać dany obiekt i gdzie należy go umieścić na obrazie. Obrazy wektorowe można łatwo powiększać i pomniejszać bez utraty jakości. Dzieje się tak dlatego, że komputer za każdym razem na nowo wylicza wygląd poszczególnych obiektów na podstawie ich parametrów.

Obrazy wektorowe są często zapisywane w formacie SVG. Jest to format tekstowy, w którym wygląd obrazu opisuje się za pomocą kodu. Na przykład prosty okrąg można zapisać tak:

<circle cx="60" cy="60" r="55" fill="green" />

Najpierw określamy, jakiego typu jest obiekt: circle oznacza po angielsku okrąg. Następnie podajemy parametry określające jego dokładny wygląd. Parametry cx i cy definiują położenie środka okręgu we współrzędnych (60, 60). Parametr r określa promień okręgu, a fill kolor wypełnienia. W tym przypadku obraz będzie zielony. Wyrenderowany obraz będzie więc wyglądał następująco:

W formacie SVG można kodować również wiele innych typów obiektów, np. rect (rectangle = prostokąt), polygon (wielokąt) lub line (linia).Każdy typ obiektu ma swoje parametry – na przykład rozmiar prostokąta określamy za pomocą jego wysokości i szerokości. Jeśli tworzymy własne obrazy wektorowe, nie musimy jednak wpisywać całego kodu ręcznie. Możemy skorzystać z programów graficznych, w których pracujemy bezpośrednio z obiektami, a program tworzy kod SVG za nas.

Grafika wektorowa (średnie)

NAPISZ DO NAS

Twoja wiadomość została wysłana. Dziękujemy.

Napisz do nas

Jesteś w kropce?

Zanim zadasz pytanie, zapoznaj się z instrukcjami:

Prosimy o nieprzesyłanie próśb o gotowe rozwiązania. Jeśli zgłaszasz błąd, dokładnie opisz, czego dotyczy, i dołącz zrzut ekranu.

Wybierz temat

Wiadomość Zgłoszenie błędu Treści Sterowanie Logowanie Licencja