SVG
Scalable Vector Graphics (SVG, auch Dateiendung) ist eine Sprache zur Beschreibung zweidimensionaler Vektorgrafiken in XML. Im Unterschied zu Rastergrafiken skalieren sie ohne pixelig zu werden und als Vektorgrafik benötigen sie weniger Speicherplatz. Schrift wird als Text gespeichert und kann so von Suchmaschinen indiziert und gelistet werden. Darüber hinaus können sowohl Text als auch einzelne Grafikelemente später noch einfach geändert oder in andere Sprachen übersetzt werden.
Schulischer Einsatz
Programme, die SVG-Anzeige unterstützen
- alle modernen Browser ab Internet Explorer 9
- Grafikprogramme:
- The GIMP
- Inkscape
- CATIA
- CorelDRAW
- OpenOffice
SVG im ZUM-Wiki
Hier als 'Beweis', dass die Extension .svg funktioniert:
Die Syntax:
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3">
<rect fill="black" width="5" height="3"/>
<rect fill="red" width="5" height="2" y="1"/>
<rect fill="gold" width="5" height="1" y="2"/>
</svg>
Das Bild:
SVG-Grafiken im ZUM Wiki
SVG-Grafiken werden im ZUM-Wiki viel genutzt. Sie können Sie ins ZUM-Wiki hochladen. Besser ist es jedoch, sie auf Wikimedia Commons hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.
type="text/css"-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.
Weblinks
Hintergrundinformationen und Tutorials
- Scalable Vector Graphics
- W3C: SVG 2 Editor's Draft
- Selfhtml: SVG-Portalseite mit aktueller Dokumentation und vielen Tutorials
- aptico: SVG Tutorial (letzte Aktualisierung 2009)
- SELFSVG - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualisierung 2007)
- datenverdahten: SVG - Learning By Coding | XML-basierte Vektorgrafiken - Code und Informationen (deutsch)
- Open Clip Art Library, openclipart.org
