SVG

Scalable Vector Graphics (SVG) ist ein offener, auf XML basierender W3C-Standard zur Auszeichnung von zweidimensionalen skalierbaren Vektorgrafiken. Die Vorzüge von SVG werden in vielen Tätigkeitsfeldern geschätzt und genutzt – Web-Anwendungen, mobilen Geräten & Anwendungen, Benutzeroberflächen uvm.

Das Seminar führt in die Arbeit mit SVG ein. Praxisnah und exemplarisch an zahlreichen Beispielen und Übungen werden einfache bis komplexe SVG-Graphiken erstellt. Sie lernen die grundlegenden Typen von SVG-Elementen kennen, darüber hinaus – das Zeichnen von vordefinierten Formen und beliebigen Pfaden und die Arbeit mit Texten und Zeichensätzen. Sie erfahren wie Sie Transformationen, Farben, CSS und Filter einsetzen, Animationen erstellen und interaktive Elemente einbetten. Sie erhalten Einblick in die Möglichkeiten von SVG in Verbindung mit HTML und anderen XML-Sprachen.

• Was ist SVG?
• Raster vs. Vektoren, Zusammensetzung einer Vektorgrafik
• Anwendungsbereiche von SVG
• SVG-Editoren und SVG-Viewer

• Grundgerüst eines SVG-Dokuments
• Typen von Elementen
• Koordinatensystem, Maßeinheiten
• Struktur- und Referenzelemente
• Pfade und Formen: Zeichnen von vordefinierten Formen und beliebigen Pfaden, Erstellung von Pfeilen, grafische Formatierung
• Texte und Zeichensätze: Auszeichnung, aktuelle Textposition, Hervorhebung, Mehrzeiler, Referenzierung, Text am Pfad, Formatierung, Erstellung von Zeichensätzen
• Grafische Transformationen – Skalierung, Rotation, Translation, Neigung, Matrizentransformation

• Styling mit CSS
• Styling mit XSL
• Farbdefinition und ICC-Farbprofile

• Koordinatensystem, Verläufe, Füllmuster
• Clipping-Masken, Alphamasken, Filtereffekte

• Hyperlinks: XLink, Anker, Zielansichten
• Scripting: Einbindung, Aktivierung über Events

• Animations-Elemente, Zeiteinheiten & -angaben
• Fundamentale und optimierende Bestandteile

• SVG in HTML – Grafik einbetten, Grafik mit HTMLFormularen verknüpfen, Einbindung in Frames
• Namensräume, das Element <foreignObject>
• Optimierung von SVG-Dateien fürs Web