SVG

Aus Wikibooks

Wechseln zu: Navigation, Suche


Good art ru.svg Dieses Buch wird durch intensive Zusammenarbeit sicher schnell besser. Der Hauptautor freut sich über jeden, der mitmacht. Kaputtmachen kannst du nicht viel – also sei mutig. Wenn etwas nicht passt, rührt sich der Hauptautor bestimmt. Danke.
Buch durchsuchen

SVG (Scalable Vector Graphics - Skalierbare Vektorgraphik) ist ein auf XML basierender vom W3C empfohlener Standard zur Beschreibung zweidimensionaler Vektorgrafiken.

SVG fügt sich in gut in andere bestehende Standards ein, ergänzt sie, und wird von ihnen ergänzt. So läßt sich SVG direkt (inline) in beliebige XML-basierte Dateien (z.B. XHTML) einfügen. Andersherum lassen sich auch andere XML-Formate in SVG einfügen, insbesondere etwa Metainformationen per RDF und Dublin-Core im Element metadata und direkt anzeigbare Informationen im Element foreignObject. Die in SVG enthaltenen Fähigkeiten zur deklarativen Animation basieren auf SMIL, ebenso wie die neuen Multimediaelemente in SVG tiny 1.2. Graphiken können auch über das DOM (Dokument-Objekt-Modell) z.B. per ecmaScript manipuliert werden, was neben der deklarativen Animation, die interaktiv begonnen und beendet werden kann, eine andere Möglichkeit eröffnet, auf Ereignisse zu reagieren und Interaktion mit dem Benutzer zu ermöglichen. Graphikelemente lassen sich als Verweise verwenden (keine Verwendung von einem Element wie map in (X)HTML notwendig), Filter und Maskierungen können vorgenommen werden, Schriftarten definiert werden und vieles mehr.

Ein aktueller SVG-Standard liegt seit Anfang 2003 in der Version 1.1 als Empfehlung des W3C vor. Eine überarbeitete Fassung mit der Korrektur bekannter Fehler ist derzeit (Ende 2009) in Vorbereitung. SVG tiny 1.2 liegt seit Ende 2008 als Spezifikation vor und ist zum einen auf den mobilen Markt ausgerichtet, wie auch die älteren mobilen Varianten von SVG 1.1, zum anderen wird es als Grundmodul für die in Arbeit befindliche Version 1.2 dienen, für welche auch schon für einige Module Arbeitsentwürfe veröffentlicht wurden. Das Buch wird Version 1.1 beschreiben, kann bisweilen aber auch schon auf Neuerungen in SVG tiny 1.2 hinweisen.


Dieses Buch soll sowohl Einsteigern als Tutorium als auch fortgeschrittenen Anwendern als Referenz dienen, deshalb werden die Elemente in einer (aus Sicht der Autoren, Diskussionen dazu sind gerne willkommen) sinnvollen Reihenfolge eingeführt (auch die Reihenfolge der Attribute folgt dieser Richtlinie so gut wie möglich), und werden zum Nachschlagen in der Referenz referenziert.

[Bearbeiten] Inhalt

  1. Einführung  
    1. Vorwort 
    2. Unterstützung / Installation 
  2. Start mit SVG  
  3. Zeichnen mit SVG 
  4. Grafiken formatieren 
  5. Die Farbgebung und SVG
  6. Effekte  
  7. Animation 
  8. Weitere Elemente 
  9. SVG im Web
  10. SVG-Zeichensätze 
  11. Barrierefreiheit
  12. Interaktivität
  13. Javascript und SVG
  14. Referenz 


[Bearbeiten] Wichtige Verweise

[Bearbeiten] Allgemein:

  • W3C Die SVG-Seite vom W3C (en)
  • [1] Spezifikation SVG 1.1 (en)
  • [2] Spezifikation SVG tiny 1.2 (en)
  • [3] deutsche Übersetzung der Spezifikation von SVGMobile (1.1 tiny und basic)

[Bearbeiten] Zum Editieren:

  • Inkscape Freies SVG-Zeichenprogramm (für Linux, Windows und Mac OS X)
  • Karbon SVG-Zeichenprogramm für KDE

[Bearbeiten] Zum Anzeigen:

  • Batik – das Apache Batik Projekt zum Arbeiten mit SVG unter der Programmiersprache Java (ermöglicht auf jeder Java Plattform die Anzeige von SVG)
  • SVG Salamander – schlanke, schnelle SVG Engine für Java
  • Corel SVG Viewer
  • Firefox Der Browser unterstützt seit Version 1.5 einfaches SVG auch ohne PlugIn; mit der Version 2 soll auch der TextPath Tag unterstützt werden.
  • Opera Der Browser Opera zeigt SVG-Grafiken von Haus aus an und realisiert sogar die meisten Animationen auf allen gängigen Plattformen (MacOs, Linux, Windows).
  • KSVG ist der SVG-Viewer von KDE, nutzbar als Standalone-Programm oder als Plugin für den Konqueror-Browser.
  • examotion SVG-Plugin für den Internet Explorer
  • SvgViewer Anzeigeprogramm für SVG in Flash
  • SVGWeb eine weitere Implementierung in Flash, sehr vollständig.
  • http://www.amplesdk.com/ AmpleSDK kann SVG im Internet Explorer emulieren nur mit Javascript und VML.

[Bearbeiten] Ergänzende Tutorials:

[Bearbeiten] Sonstiges:

Siehe auch: Inkscape

Regal Dieses Buch steht im Regal EDV
Wikipedia
Wikipedia hat einen Artikel zum Thema:
Nuvola-inspired File Icons for MediaWiki-fileicon-pdf.png Zu diesem Thema existiert eine Sammlung. Damit kann man das Thema als PDF herunterladen oder in gedruckter Form bestellen.
Von „http://de.wikibooks.org/wiki/SVG“
Persönliche Werkzeuge