SVG Tutorial
Scalable Vector Graphics, SVG, ist ein XML-Dialekt des W3C zur Markierung von Grafiken.
Dieses Tutorial zielt darauf ab, die Interna von SVG zu erklären und ist voller technischer Details. Wenn Sie nur schöne Bilder zeichnen möchten, finden Sie möglicherweise nützlichere Ressourcen auf der Inkscape-Dokumentationsseite. Eine weitere gute Einführung in SVG wird vom W3C im SVG Primer geboten. Schauen Sie sich auch dieses adventskalenderthemenbezogene SVG Tutorial an, das Sie durch das Codieren von 25 festlichen SVGs führt.
Einführung in SVG von Grund auf
- Einführung
- Erste Schritte
- Positionen
- Grundlegende Formen
- Pfade
- Füllungen und Linien
- Verläufe
- Muster
- Texte
- Grundlegende Transformationen
- Clipping und Maskierung
- Weitere Inhalte in SVG
- Filtereffekte
- SVG-Schriften
- SVG-Image-Tag
- Werkzeuge für SVG
- SVG und CSS
Die folgenden Themen sind fortgeschrittener und sollten daher eigene Tutorials erhalten.
SVG mit JavaScript scriptgesteuert
TBD
SVG-Filter-Tutorial
TBD
Animationen mit SMIL in SVG
TBD
Schriftarten in SVG erstellen
TBD