SVG: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
(ZUM-Wiki -> ZUM-Unterrichten)
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 30: Zeile 30:
[[Bild:Flag_of_Germany.svg|150px]]
[[Bild:Flag_of_Germany.svg|150px]]


== SVG-Grafiken im ZUM Wiki ==
== SVG-Grafiken in ZUM-Unterrichten ==
SVG-Grafiken werden in ZUM-Unterrichten viel genutzt. Du kannst sie [[Spezial:Hochladeassistent|in ZUM-Unterrichten hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.
SVG-Grafiken werden in ZUM-Unterrichten viel genutzt. Du kannst sie [[Spezial:Hochladeassistent|in ZUM-Unterrichten hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.



Aktuelle Version vom 15. Mai 2020, 13:07 Uhr

SVG logo.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

Tipp
Das SVG-Format eignet sich für Vektorgrafiken jeder Art wie Plänen, Logos, Infografiken oder auch Karten. Es ist ein offener Standard und daher aus Zukunftssicherheit proprietären Lösungen vorzuziehen.

Programme, die SVG-Anzeige unterstützen

SVG in ZUM-Unterrichten

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: Flag of Germany.svg

SVG-Grafiken in ZUM-Unterrichten

SVG-Grafiken werden in ZUM-Unterrichten viel genutzt. Du kannst sie in ZUM-Unterrichten hochladen. Besser ist es jedoch, sie auf Wikimedia Commons hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.

Achtung
SVG-Grafiken, die mit CSS formatiert wurden, benötigen im <style>-Element ein type="text/css"-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.


Weblinks

Hintergrundinformationen und Tutorials

S-Logo Q.png