SVG-Referenzhandbuch

SVG-Element

Element Beschreibung
<a> Erstellt einen Link, der den SVG-Elementen umgibt.
<altGlyph> Bietet Kontrolle über die Schriftarten, die zur Darstellung spezifischer Zeichendaten verwendet werden.
<altGlyphDef> Definiert eine Sammlung von Schriftartenersetzungen.
<altGlyphItem> Definiert eine Sammlung von Kandidaten für die Schriftartenersetzung.
<animate> Definiert, wie die Attribute eines Elements mit der Zeit ändern.
<animateMotion> Bewegt das zitierte Element entlang einer Bewegungspfade.
<animateTransform> Transformationsattribute auf dem Zielobjekt animieren, um Translation, Skalierung, Drehung und/oder Neigung zu steuern.
<circle> Definiert einen Kreis.
<clipPath> Definiert einen Schnittpfad.
<color-profile> Spezifiziert die Beschreibung eines Farbprofils (wenn das Dokument mit CSS gestylt wird).
<cursor> Definiert ein plattformunabhängiges benutzerdefiniertes Cursor.
<defs> Definiert den Container für das zitierte Element.
<desc> Definiert eine rein textuelle Beschreibung für Container- oder Grafikelemente in SVG.
<ellipse> Ellipse definieren.
<feBlend> Zwei Objekte werden nach einem bestimmten Mischmuster kombiniert.
<feColorMatrix> SVG-Filter. Anwenden von Matrix-Transformationen.
<feComponentTransfer> SVG 滤镜。执行对数据按组件的重新映射。
<feComposite> SVG 滤镜。执行两个输入图像的智能像素组合。
<feConvolveMatrix> SVG 滤镜。应用矩阵卷积滤镜效果。
<feDiffuseLighting> SVG 滤镜。光照图像，使用 alpha 通道作为隆起映射。
<feDisplacementMap> SVG 滤镜。映射置换。
<feDistantLight> SVG 滤镜。定义光源。
<feFlood> SVG 滤镜。填充滤镜子区域。
<feFuncA> SVG 滤镜。为输入图形的透明度（alpha）组件定义变换函数。
<feFuncB> SVG 滤镜。为输入图形的蓝色成分定义变换函数。
<feFuncG> SVG 滤镜。为输入图形的绿色成分定义变换函数。
<feFuncR> SVG 滤镜。为输入图形的红色成分定义变换函数。
<feGaussianBlur> SVG 滤镜。对图像执行高斯模糊。
<feImage> SVG 滤镜。从外部来源取得图像数据，并提供像素数据作为输出。
<feMerge> SVG 滤镜。创建彼此叠加的图像层。
<feMergeNode> SVG 滤镜。feMerge 的子元素。
<feMorphology> SVG 滤镜。对源图形执行“加肥”或“细化”。
<feOffset> SVG 滤镜。相对于当前位置移动图像。
<fePointLight> SVG 滤镜。
<feSpecularLighting> SVG 滤镜。照亮源图形，使用 alpha 通道作为隆起映射。
<feSpotLight> SVG 滤镜。光源元素，用于 SVG 文件。
<feTile> SVG 滤镜。输入图像是平铺的，结果用来填充目标。
<feTurbulence> SVG 滤镜。利用 Perlin 噪声函数创建图像。
<filter> 滤镜效果的容器。
<font> 定义字体。
<font-face> 描述字体的特征。
<font-face-format> 描述了它的父 <font-face-uri> 元素引用的字体的类型。
<font-face-name> 指向本地安装的字体副本，用字体名称识别。
<font-face-src> Entspricht der @font-face-Attribut in der CSS-Norm.
<font-face-uri> Weist auf die aktuelle Schriftart in der Ferne hin.
<foreignObject> Ermöglicht die Einbettung von Elementen aus verschiedenen XML-Namensräumen.
<g> Verwenden Sie es, um Elemente zu gruppieren.
<glyph> Definieren Sie das Muster eines gegebenen Zeichensatzes.
<glyphRef> Definieren Sie mögliche Zeichensätze.
<hkern> Feinabstimmung der horizontalen Entfernung zwischen zwei Gravurtexten.
<image> Definieren Sie ein Bild.
<line> Definieren Sie eine Linie.
<linearGradient> Definieren Sie einen linearen Verlauf.
<marker> Definieren Sie das Muster, das für die Zeichnung von Pfeilen oder Mehrseitigen Markern auf dem gegebenen Element verwendet wird.
<mask> Definieren Sie ein Maskenelement.
<metadata> Definieren Sie Metadaten.
<missing-glyph> Wenn für das gegebene Zeichen das Font keine angemessene <glyph> definiert hat, wird der Inhalt des missing-glyph-Elements dargestellt.
<mpath> Verwenden Sie das externe <path>-Element als Definition des Bewegungspfades.
<path> Definieren Sie einen Pfad.
<pattern> Definieren Sie ein Muster.
<polygon> Definieren Sie ein Muster, das mindestens drei Kanten hat.
<polyline> Definieren Sie jede Form, die nur aus Linien besteht.
<radialGradient> Definieren Sie eine radialen Verlauf.
<rect> Definieren Sie ein Rechteck.
<script> Definieren Sie einen Skriptbehälter (z.B. ECMAScript).
<set> Setzen Sie den Wert der angegebenen Eigenschaft für die angegebene Dauer.
<stop> Stopps der Verlaufs.
<style> Ermöglicht die direkte Einbettung von Stilblättern in das SVG-Inhalt.
<svg> Erstellen Sie einen SVG-Dokumentenschnitt.
<switch> Bewerten Sie die Attribute der direkten Kinder in der Reihenfolge und verarbeiten und darstellen Sie das erste Kind, das als true bewertet wird.
<symbol> Definieren Sie ein Grafikmusterelement, das mit dem <use>-Element instanziert werden kann.
<text> Definieren Sie Text.
<textPath> Platzieren Sie Text basierend auf der Form des <path>-Elements.
<title> Reine Textbeschreibung eines Elements in SVG. Der Benutzeragent kann den Text als Tooltip anzeigen.
<tref> Verwenden Sie jedes <text>-Element aus dem SVG-Dokument und wiederholen Sie es.
<tspan> Wie der <text>-Element, aber kann in der text-Tag und in sich selbst eingebettet werden.
<use> In SVG-Dokumenten den Zielknoten ermitteln und an anderer Stelle kopieren.
<view>
Eine begrenzte Methode, um Bilder anzuzeigen, ähnlich wie Zoomstufen oder Detailansichten. <vkern>