SVG Referenzhandbuch
Die SVG-Spezifikation definiert weitere Elemente und Attribute.
Häufige SVG-Attribute:
id: Eindeutige Kennung des Elements.class: Klassenname des Elements, der für CSS-Styling verwendet wird.style: Inline-Stil des Elements.transform: Auf das Element angewendete Transformation.x,y: Position des Elements.width,height: Größe des Elements.fill: Füllfarbe.stroke: Konturfarbe.stroke-width: Konturbreite.opacity: Deckkraft.visibility: Sichtbarkeit des Elements.
Die SVG-Elementliste lautet wie folgt:
| Element | Beschreibung | Attribute |
|---|---|---|
<svg> |
Definiert das Wurzelelement eines SVG-Dokuments | width height viewBox preserveAspectRatio xmlns ... |
<a> |
Definiert einen Hyperlink | xlink:href target ... |
<altGlyph> |
Definiert eine alternative Glyphe | glyphRef format rotate dx dy ... |
<altGlyphDef> |
Definiert den<altGlyph>alternativen Glyphensatz von |
(None) |
<altGlyphItem> |
Definiert<altGlyphDef>die alternative Glyphe von |
glyphRef format ... |
<animate> |
Definiert Animation | attributeName from auf dur repeatCount fill ... |
<animateColor> |
Definiert eine Farbanimation | attributeName from auf dur repeatCount fill ... |
<animateMotion> |
Definiert eine Pfadanimation | path dur repeatCount ... |
<animateTransform> |
Definiert eine Transformationsanimation | attributeName type from auf dur ... |
<circle> |
Definiert einen Kreis | cx cy r fill stroke stroke-width ... |
<clipPath> |
Definiert einen Clipping-Pfad | clipPathUnits (None) |
<color-profile> |
Definiert ein Farbprofil | (None) |
<cursor> |
Definiert einen Mauszeiger | x y width height xlink:href ... |
<defs> |
Definiert wiederverwendbare Elemente | (None) |
<desc> |
Stellt eine Beschreibung für SVG-Elemente bereit | (None) |
<discard> |
Gibt Elemente an, die verworfen werden sollen | (None) |
<ellipse> |
Definiert eine Ellipse | cx cy rx ry fill stroke stroke-width ... |
<feBlend> |
Definiert das Mischen von Bildern | in in2 mode ... |
<feColorMatrix> |
Definiert eine Farbmatrix | in type values ... |
<feComponentTransfer> |
Definiert eine Übertragungsfunktion für Farb-/Alpha-Komponenten | (None) |
<feComposite> |
Definiert die Bildkomposition | in in2 operator ... |
<feConvolveMatrix> |
Definiert eine Faltungsmatrix | in order kernelMatrix ... |
<feDiffuseLighting> |
Definiert diffuses Licht | in surfaceScale diffuseConstant ... |
<feDisplacementMap> |
Definiert eine Verschiebungskarte | in in2 scale ... |
<feDistantLight> |
Definiert entferntes Licht | azimuth elevation ... |
<feDropShadow> |
Definiert einen Schlagschatten | dx dy stdDeviation ... |
<feFlood> |
Definiert Farben für grafische Elemente | flood-color flood-opacity ... |
<feFuncA> |
Definiert eine Kurve zum Anpassen des Alpha-Kanals | type tableValues slope ... |
<feFuncB> |
Definiert eine Kurve zum Anpassen von Bildern | type tableValues slope ... |
<feFuncG> |
Definiert eine Kurve zum Anpassen von Bildern | type tableValues slope ... |
<feFuncR> |
Definiert eine Kurve zum Anpassen von Bildern | type tableValues slope ... |
<feGaussianBlur> |
Definiert einen Gaußschen Weichzeichnungseffekt | stdDeviation ... |
<feImage> |
Definiert ein einzubettendes Bild | href result ... |
<feMerge> |
Definiert eine Filtergrafik zum Zusammenführen von Bildern | (None) |
<feMergeNode> |
Definiert ein Eingabebild zum Zusammenführen von Bildern | (None) |
<feMorphology> |
Definiert einen Filter zum Ändern der Form eines Eingabebildes | operator radius ... |
<feOffset> |
Definiert den Versatz eines Eingabebildes | dx dy ... |
<fePointLight> |
Definiert eine Punktlichtquelle | x y z ... |
<feSpecularLighting> |
Definiert einen Glanzlichteffekt | in surfaceScale specularConstant ... |
<feSpotLight> |
Definiert einen Scheinwerfer | x y z pointsAtX pointsAtY pointsAtZ ... |
<feTile> |
Definiert ein wiederholtes Eingabebild | (None) |
<feTurbulence> |
Definiert ein turbulentes Bild | baseFrequency numOctaves ... |
<filter> |
Definiert einen Filtereffekt | filterUnits primitiveUnits x y width height ... |
<font> |
Definiert Schriftartressourcen | horiz-origin-x horiz-origin-y horiz-adv-x vert-origin-x vert-origin-y vert-adv-y ... |
<font-face> |
Definiert Schrifteigenschaften | font-family font-style font-variant font-weight font-stretch ... |
<font-face-format> |
Definiert ein Schriftdateiformat | (None) |
<font-face-name> |
Definiert einen Schriftnamen | (None) |
<font-face-src> |
Definiert den Speicherort einer Schriftdatei | (None) |
<font-face-uri> |
Definiert den Speicherort einer Schriftdatei | (None) |
<foreignObject> |
Definiert andere XML-Namespaces in SVG-Dateien |