SVG - Scalable Vector Graphics
Anzeige Hier werben
SVG (Scalable Vector Graphics, engl. Skalierbare Vektorgrafik) ist ein offenes auf XML basierendes Format für Vektorgrafiken. Es ist ein seit 1998 vom W3C entwickelter Webstandard.
Mit SVG können Formen, Text und Rastergrafiken kombiniert, mit Filtern versehen, animiert und mittels Javascript/ECMAScript manipuliert und interaktiv gemacht werden. Sogar das einbinden von Fremdinhalten (ganze Webseiten, Videos, ...) ist möglich.
Browser mit SVG Unterstützung
Alle modernen Browser bis auf den Internet Explorer können SVG Dateien verarbeiten. Die Unterstützung ist hier aber sehr unterschiedlich. So können in manchen Browsern SVG sogar als Hintergrundbilder verwendet werden.
Eine Analyse der Unterstützung vieler Browser und Betrachter.
SVG als Hintergrundbilder bietet dem Webdesigner ganz neue Gestaltungsmöglichkeiten für Webdesigner.
Opera
Opera bietet die beste SVG Unterstützung. In der neusten Version können sie sogar als voller Ersatz für Bilder verwendet werden, das heißt als Hintergrundbilder in CSS und in img Elementen.
Firefox
Firefox unterstützt seit Version 1.5 SVG Grafiken.
Safari
Seit Version 3 versteht der Safari auch SVG.
Internet Explorer
Der Internet Explorer versteht von haus aus kein SVG. Es gibt jedoch Plugins (Adobe SVG Viewer) für diesen Browser.
Programme zum erstellen von SVG Vektorgrafiken
Fast alle bekannten Vektorgrafikprogramme können mittlerweile SVG Grafiken exportierten.
- Inkscape: Inkscape ist ein kostenloses OpenSource Programm zum erstellen von Vektorgrafiken. Es ist um den SVG Standard gebaut und soll ihn möglichst genau abdecken. Es bietet mittlerweile viele Funktionen die man in kommerziellen Konkurrenten wie Adobe Illustrator nicht findet.
- Adobe Illustrator
- Microsoft Expression
Links
- Informationen zu SVG beim W3C
- SVG Unterstützung in Browsern/Betrachtern
- Interessante Beispiele
- SVG Länder-Spiel bei dem man Länder auf einer Weltkarte finden muss
- Video in SVG, interaktiven Beispiel zur Einbindung von Videos in SVG
- Bilder in SVG interaktiv verschieben, drehen und Größe ändern
Todo
Beispiele, verschiedene Standards, bestandteile von SVG (Text, ...)
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "SVG - Scalable Vector Graphics" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "SVG - Scalable Vector Graphics" hier bearbeiten.
-
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
-
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
fät!
die erweiterung der kompa.liste is ja mal übelst geil. wusste garnicht dass bezüglich rendering ein "so" großer unterschied zwischen safari 3.0 und 3.1 besteht. dass allerdings der ie8 garnix kann is schon heftig obwohls eigtl zu erwarten war. der opera 9.0 kann echt auch schon svg im img-tag? wow, hät ich auch nicht gedacht.
keine Unterstützung im IE
Die Microsoft Leute mussten natürlich mit Silverlight ihre eigene Technologie erfinden. Dabei haben sie sich auch sehr viel von SVG und SMIL abgeschaut. Hätten den Aufwand statt in Silverlight in SVG gesteckt hätten wir im IE jetzt eine erstklassige Unterstützung und könnten SVG über alle Browser hinweg einsetzen.
Re: keine Unterstützung im IE
das statement dazu würde mich mal interessieren. dass man die weiterentwicklung vom 6er lange verschlafen hat - ok. aber dass 2 versionen danach - und der ie8 ist eh schon ein nachzügler - immernoch keine volle unterstützung von aktuellen standards besteht ist anormal.
Re: keine Unterstützung im IE
Ehrlich gesagt ist es mir im Moment ziemlich egal, ob der IE SVG kann oder nicht. Die sollen erstmal die Webstandards hinbekommen, dann können sie sich um SVG kümmern.