Podręcznik referencyjny SVG

Element SVG

Element Opis
<a> Utwórz link otaczający element SVG.
<altGlyph> Zapewnij kontrolę nad czcionkami używanymi do prezentacji danych dla konkretnych znaków.
<altGlyphDef> Zdefiniuj zestaw zastępczych czcionek.
<altGlyphItem> Zdefiniuj zestaw kandydatów do zastąpienia czcionki.
<animate> Zdefiniuj, jak zmieniają się właściwości elementu w czasie.
<animateMotion> Przenieś odwoływany element wzdłuż ścieżki ruchu.
<animateTransform> Przeprowadź animację właściwości transformacji na elemencie docelowym, co pozwala na kontrolę animacji przestawienia, skalowania, obrotu i/lub nachylenia.
<circle> Zdefiniuj okrąg.
<clipPath> Zdefiniuj ścieżkę cięcia.
<color-profile> Określ opis profilu kolorów (podczas ustawiania stylu dokumentu za pomocą CSS).
<cursor> Zdefiniuj niestandardowy kursor niezależny od platformy.
<defs> Zdefiniuj kontener elementu odwoływanego.
<desc> Zdefiniuj czysty tekst opisujący elementy kontenera lub graficzne w SVG.
<ellipse> Zdefiniuj elipsę.
<feBlend> Połącz dwa obiekty w jednym, stosując określony tryb mieszania.
<feColorMatrix> SVG filtr. Zastosuj transformację macierzową.
<feComponentTransfer> Filtr SVG. Wykonuje remapowanie danych według komponentów.
<feComposite> Filtr SVG. Wykonuje inteligentne kombinowanie pikseli dwóch wejściowych obrazów.
<feConvolveMatrix> Filtr SVG. Zastosowanie efektu filtra konwergencji macierzy.
<feDiffuseLighting> Filtr SVG. Obraz światła, używając kanału alpha jako mapowania wypukłości.
<feDisplacementMap> Filtr SVG. Mapowanie przesunięcia.
<feDistantLight> Filtr SVG. Definiuje źródło światła.
<feFlood> Filtr SVG. Wypełnia obszar filtra.
<feFuncA> Filtr SVG. Definiuje funkcję przekształcania dla komponentu przezroczystości (alpha) wejściowego grafiki.
<feFuncB> Filtr SVG. Definiuje funkcję przekształcania dla komponentu niebieskiego wejściowego grafiki.
<feFuncG> Filtr SVG. Definiuje funkcję przekształcania dla komponentu zielonego wejściowego grafiki.
<feFuncR> Filtr SVG. Definiuje funkcję przekształcania dla komponentu czerwonego wejściowego grafiki.
<feGaussianBlur> Filtr SVG. Wykonuje gaussowski rozmycie obrazu.
<feImage> Filtr SVG. Pobiera dane obrazu z zewnętrznego źródła i dostarcza dane pikselowe jako wyjście.
<feMerge> Filtr SVG. Tworzy warstwy obrazów nakładających się na siebie.
<feMergeNode> Podelement feMerge.
<feMorphology> Filtr SVG. Wykonuje „potężnienie” lub „wytłuszczenie” grafiki źródłowej.
<feOffset> Filtr SVG. Przesuwa obraz względem aktualnej pozycji.
<fePointLight> Filtr SVG.
<feSpecularLighting> Filtr SVG. Oświetla źródło graficzne, używając kanału alpha jako mapowania wypukłości.
<feSpotLight> Element światła, używany w plikach SVG.
<feTile> Filtr SVG. Wejściowy obraz jest powtarzany, wynik jest używany do wypełnienia celu.
<feTurbulence> Filtr SVG. Tworzy obraz za pomocą funkcji hałasu Perlin.
<filter> Kontener efektu filtra.
<font> Definiuje font.
<font-face> Opisuje cechy fontu.
<font-face-format> Opisuje typ fontu, który odnosi się do elementu <font-face-uri> nadrzędnego.
<font-face-name> Wskazuje na kopię fontu zainstalowanego lokalnie, rozpoznawany przez nazwę fontu.
<font-face-src> Równoważne @font-face w specyfikacji CSS.
<font-face-uri> Wskazuje na zdalną definicję bieżącej czcionki.
<foreignObject> Pozwala na zawieranie elementów z różnych przestrzeni nazw XML.
<g> Używane do grupowania elementów.
<glyph> Zdefiniuj grafikę danego czcionki.
<glyphRef> Zdefiniuj możliwe do użycia czcionki.
<hkern> Dokładnie dostosuj poziomą odległość między dwoma rzeźbionymi literami.
<image> Zdefiniuj obraz.
<line> Zdefiniuj linię.
<linearGradient> Zdefiniuj gradient liniowy.
<marker> Zdefiniuj grafikę używaną do rysowania strzałek lub wielokątów na danym elemencie.
<mask> Zdefiniuj element maski.
<metadata> Określ metadane.
<missing-glyph> Jeśli dla danego znaku, czcionka nie ma odpowiedniego elementu <glyph>, wyświetl zawartość elementu missing-glyph.
<mpath> Odwołaj się do zewnętrznego elementu <path> jako definicji ścieżki ruchu.
<path> Zdefiniuj ścieżkę.
<pattern> Zdefiniuj wzór.
<polygon> Zdefiniuj grafikę zawierającą co najmniej trzy boki.
<polyline> Zdefiniuj każdą formę złożoną wyłącznie z prostych linii.
<radialGradient> Zdefiniuj radialny gradient.
<rect> Zdefiniuj prostokąt.
<script> Zdefiniuj kontener skryptu (np. ECMAScript).
<set> Ustaw wartość atrybutu o określonym czasie trwania.
<stop> Punkt zatrzymania gradientu.
<style> Pozwala na bezpośrednie wstawienie arkusza stylów do zawartości SVG.
<svg> Utwórz fragment dokumentu SVG.
<switch> Ewaluuj atrybuty bezpośrednich potomków w kolejności, a następnie przetwarzaj i wyświetl pierwszy potomek, dla którego wynik ewaluacji wynosi true.
<symbol> Zdefiniuj obiekt szablonu graficznego, który można zainstalować za pomocą elementu <use>.
<text> Zdefiniuj tekst.
<textPath> Umieść tekst zgodnie z kształtem elementu <path>.
<title> Puretekstowa opis elementu SVG. Agent użytkownika może wyświetlić tekst jako podpowiedź.
<tref> Odwołaj się do jakiegokolwiek elementu <text> w dokumencie SVG i użyj go ponownie.
<tspan> Tak jak element <text>, ale może być umieszczony wewnątrz znacznika <text> oraz w jego wnętrzu.
<use> Uzyskaj celowy węzeł w dokumencie SVG i skopiuj go w innym miejscu.
<view> Ograniczona metoda przeglądania obrazu, podobna do poziomu skalowania lub szczegółowego widoku.
<vkern> Dokładne dostosowanie odległości pomiędzy dwoma znakami (glyph).