SVG-Zeichnungen und -Bilder werden mit einer Vielzahl von Elementen erstellt, die der Konstruktion, Zeichnung und Anordnung von Vektorbildern und Diagrammen gewidmet sind. Hier finden Sie Referenzdokumentation für jedes der SVG-Elemente.

SVG-Elemente von A bis Z

A

• <a>
• <animate>
• <animateMotion>
• <animateTransform>

C

• <circle>
• <clipPath>

D

• <defs>
• <desc>

E

• <ellipse>

F

• <feBlend>
• <feColorMatrix>
• <feComponentTransfer>
• <feComposite>
• <feConvolveMatrix>
• <feDiffuseLighting>
• <feDisplacementMap>
• <feDistantLight>
• <feDropShadow>
• <feFlood>
• <feFuncA>
• <feFuncB>
• <feFuncG>
• <feFuncR>
• <feGaussianBlur>
• <feImage>
• <feMerge>
• <feMergeNode>
• <feMorphology>
• <feOffset>
• <fePointLight>
• <feSpecularLighting>
• <feSpotLight>
• <feTile>
• <feTurbulence>
• <filter>
• <foreignObject>

G

• <g>

I

• <image>

L

• <line>
• <linearGradient>

M

• <marker>
• <mask>
• <metadata>
• <mpath>

P

• <path>
• <pattern>
• <polygon>
• <polyline>

R

• <radialGradient>
• <rect>

S

• <script>
• <set>
• <stop>
• <style>
• <svg>
• <switch>
• <symbol>

T

• <text>
• <textPath>
• <title>
• <tspan>

U

• <use>

V

• <view>

SVG-Elemente nach Kategorie

Animationselemente

<animate>,<animateMotion>,<animateTransform>,<mpath>,<set>

Grundlegende Formen

<circle>,<ellipse>,<line>,<polygon>,<polyline>,<rect>

Container-Elemente

<a>,<defs>,<g>,<marker>,<mask>,<pattern>,<svg>,<switch>,<symbol>

Beschreibungselemente

<desc>,<metadata>,<title>

Primitive Filterelemente

<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feConvolveMatrix>,<feDiffuseLighting>,<feDisplacementMap>,<feDropShadow>,<feFlood>,<feFuncA>,<feFuncB>,<feFuncG>,<feFuncR>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feMorphology>,<feOffset>,<feSpecularLighting>,<feTile>,<feTurbulence>

Gradientelemente

<linearGradient>,<radialGradient>,<stop>

Grafikelemente

<circle>,<ellipse>,<image>,<line>,<path>,<polygon>,<polyline>,<rect>,<text>,<use>

Elemente zur Grafikreferenzierung

Lichtquelle-Elemente

<feDistantLight>,<fePointLight>,<feSpotLight>

Niemals dargestellte Elemente

<clipPath>,<defs>,<linearGradient>,<marker>,<mask>,<metadata>,<pattern>,<radialGradient>,<script>,<style>,<symbol>,<title>

Farbelemente

<linearGradient>,<pattern>,<radialGradient>

Darstellbare Elemente

<a>,<circle>,<ellipse>,<foreignObject>,<g>,<image>,<line>,<path>,<polygon>,<polyline>,<rect>,<svg>,<switch>,<symbol>,<text>,<textPath>,<tspan>,<use>

Formelemente

<circle>,<ellipse>,<line>,<path>,<polygon>,<polyline>,<rect>

Strukturelemente

<defs>,<g>,<svg>,<symbol>,<use>

Textinhaltselemente

<textPath>,<text>,<tspan>

Kinder von Textinhaltselementen

<textPath>,<tspan>

Nicht kategorisierte Elemente

<clipPath>,<filter>,<foreignObject>,<script>,<style>,<view>

Siehe auch

• SVG-Attributreferenz
• SVG-Tutorial
• SVG-Schnittstellenreferenz