SVG-Beispiele

Bsp.: SVG-1
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: Krone.svg
Voraussetzungen: Adobe(r) SVG-Viewer 2.0, Corel SVG-Viewer 2.1 oder höher bzw. Mozilla 1.3 + SVG/MathML
Eine kleine Krone aus Pfaden und drei Kreisen gezeichnet.
Bsp.: SVG-2
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: svgLogo01.svg
Voraussetzungen: Adobe(r) SVG-Viewer 2.0, Corel SVG-Viewer 2.1 oder höher bzw. Mozilla 1.3 + SVG/MathML
Die Buchstaben werden aus Pfaden gebildet, die aus geraden Linien und Bögen zusammen gesetzt werden. Die Buchstaben und die Krone werden dann gruppiert und positioniert.
Bsp.: SVG-3
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: Muster2.svg
Voraussetzungen: Adobe(r) SVG-Viewer 2.0, Corel SVG-Viewer 2.1 oder höher bzw. Mozilla 1.3 + SVG/MathML
Ein Muster aus verschiedenen Pfaden. Die Pfade verwenden Bezierkurven und werden mit Füllfarben gefüllt. Um eine rechteckige Fläche zu erhalten, wird ein Ausschnitt mit <clipPath> definiert.
Bsp.: SVG-4
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: TXTLogo.svg
Vorraussetzungen: Adobe(r) SVG-Viewer 2.0, Corel SVG-Viewer 2.1 oder höher.
Das Beispiel zeigt den Einsatz von Textelementen und deren Ausrichtung an Pfaden. Opera 8.5 stellt nur Teile der Grafik dar. Mozilla beanstandet das textPath-Element.
Bsp.: SVG-5
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: Schatten2.svg
Vorraussetzungen: Adobe(r) SVG-Viewer 2.0, Corel SVG-Viewer 2.1 oder höher.
Zeigt den Einsatz von Filtern zur Definition eines Schattens für ein Textelement. Opera 8.5 und Mozilla stellen die verwendeten Filter nicht dar.
Bsp.: SVG-6
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: feMerge.svg
Vorraussetzungen: Adobe(r) SVG-Viewer 2.0 oder höher
Das Beispiel zeigt die Definition eines Schattens für ein komplexers Objekt, das aus einem Button im Aqua-Look besteht und zur Formatierung Farbverläufe und Transparenzen verwendet. Opera 8.5 und Mozilla stellen die verwendeten Filter nicht dar.
Bsp.: SVG-7
Zur Darstellung des Beispiels ist ein Browser mit SVG-Support oder der SVG-Viewer erforderlich! Näheres siehe Voraussetzungen! Autor: Helma Spona
Datei: hyperlinks.svg
Vorraussetzungen: Adobe(r) SVG-Viewer 2.0 oder höher
Das Beispiel zeigt den Einsatz von Hyperlinks, Sonderzeichen und Umlauten, Schatten, Farbverläufen und Wiederverwendung von Elementen mit Hilfe von Symbolen. Opera 8.5 stellt nur Teile der Grafik dar. Mozilla beanstandet das textPath-Element.

(c) 2003, Helma Spona, Dorfstr. 120c. 47647 Kerken-Stenden