Scalable Vector Graphics: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
=Definition= | =Definition= | ||
Scalable Vector Graphics (SVG) ist eine XML-basierte, textorientierte Auszeichnungssprache. Mit ihr lassen sich zweidimensionale skalierbare Grafiken beschreiben. Erlaubt sind innerhalb von SVG-Dateien auch Bilder und Text als grafische Objekte. SVG wurde im September 2001 vom W3C als Standard veröffentlicht. Auch unterstützen die meisten Webbrowser, die sich an den W3C-Standard halten dieses Format. Eine Ausnahme bildet jedoch der Internet Explorer. In ihm lassen sich SVG-Inhalte jedoch mittels eines Plugins von Adobe darstellen. Ebenso unterstützen etablierte Vektorgrafikprogramme wie [[Illustrator|Adobe Illustrator]] dieses Format. | Scalable Vector Graphics (SVG) ist eine XML-basierte, textorientierte Auszeichnungssprache. Mit ihr lassen sich zweidimensionale skalierbare Grafiken beschreiben. Erlaubt sind innerhalb von SVG-Dateien auch Bilder und Text als grafische Objekte. SVG wurde im September 2001 vom W3C als Standard veröffentlicht. Auch unterstützen die meisten Webbrowser, die sich an den W3C-Standard halten dieses Format. Eine Ausnahme bildet jedoch der Internet Explorer. In ihm lassen sich SVG-Inhalte jedoch mittels eines Plugins von Adobe darstellen. Ebenso unterstützen etablierte Vektorgrafikprogramme wie [[Illustrator|Adobe Illustrator]] dieses Format. | ||
Version vom 14. Juli 2008, 03:42 Uhr
Definition
Scalable Vector Graphics (SVG) ist eine XML-basierte, textorientierte Auszeichnungssprache. Mit ihr lassen sich zweidimensionale skalierbare Grafiken beschreiben. Erlaubt sind innerhalb von SVG-Dateien auch Bilder und Text als grafische Objekte. SVG wurde im September 2001 vom W3C als Standard veröffentlicht. Auch unterstützen die meisten Webbrowser, die sich an den W3C-Standard halten dieses Format. Eine Ausnahme bildet jedoch der Internet Explorer. In ihm lassen sich SVG-Inhalte jedoch mittels eines Plugins von Adobe darstellen. Ebenso unterstützen etablierte Vektorgrafikprogramme wie Adobe Illustrator dieses Format.
Merkmale
SVG ist eine auf XML basierte Auszeichnungssprache. Sie ist ein offizieller Standard des W3C. SVG Grafiken besehen aus ASCII-Code und können somit mit jedem beliebigen Texteditor erstellt werden. Wie alle Vektorgrafikformate sind auch SVG-Grafiken ohne Qualitätsverlust skalierbar. SVG unterstützt Stylesprachen wie CSS und Scriptsprachen wie JavaScript.
Struktur
SVG erfüllt den XML-Standard und nutzt deshalb die selbe Syntax. Somit ist die Grafik in einer Baumstruktur definiert, die aus einzelnen Elementen besteht, welchen Attribute zugewiesen werden.
Jede Datei beginnt mit der XML-Deklaration und der Dokumenttyp-Deklaration, wie auch bei anderen XML-basierten Sprachen üblich. Das Wurzelelement einer SVG-Datei ist <svg>.
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseProfile="full" width="800mm" height="600mm">
</svg>
SVG nutzt die Syntax der Extensible Markup Language (XML). Die definierte Grafik ist somit in einer Baumstruktur aus verschiedenen Elementen und diesen Elementen zugewiesenen Attributen aufgebaut.
Jede SVG-Datei beginnt, wie bei XML-basierten Sprachen üblich, mit der XML-Deklaration und der Dokumenttypdeklaration, die den benutzten Namensraum beschreibt. Dazu wird bei Letzterem ein Verweis auf die entsprechende DTD-Datei eingefügt. Darauf folgt das Start-Tag <svg>. Die SVG-Datei wird durch das Tag </svg> abgeschlossen.
