Vektor-Grafik

Bildüberlagerung mit Inkscape

Wer in Facebook etwas postet, braucht ein Bild. Der Beitrag über das Facebook-Backup bot als auffälligste Seite die Startseite mit dem Profil. Das folgende Bild ist ein Screenshot dieser Seite mit weißem Hintergrund:

Aber diese Seite war so gar nicht im Facebook-Stil und daher suchte ich nach einer Möglichkeit, darauf hinzuweisen, dass es um Facebook […]

Einführung Vektorgrafik

Vektor-Grafik
Alle Beispieldateien

SVG ist dem HTML ganz ähnlich, nur geht es statt um Text um Bildelemente. Genau wie in HTML kann man auch Bilder einfügen und diese Bilder sind externe Dateien.

Anders als bei HTM kann man aber Bilder einbetten oder mit einem Link verbinden. In den Beispielen sind alle Bilder eingebettet. Der Grund: SVG inkludiert […]

Inline-SVG

Ein SVG-Konstrukt schaut zum Beispiel so aus:

<svg width=”12cm” height=”4cm” viewBox=”0 0 1200 400″
xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<circle cx=”600″ cy=”200″ r=”100″
fill=”red” stroke=”blue” stroke-width=”10″ />
</svg>

Würde man diesen Kode im WordPress-Editor im Text-Modus einfügen, würde man in der Ausgabe nichts sehen.  Das liegt daran, dass der SVG-Kode in mehreren Zeilen dargestellt wird. Bringt man den Kode in eine […]

Animierte Uhr

Santa Claus

Links

Grundlegendes

Wikipedia – SVG
w3schools
Inkscape Manual
Inkscape Tastaturbefehle
Spezifikation
Deutsche Inkscape Homepage

Kurse

https://web-development.github.io/xml/svg/
https://www.tu-chemnitz.de/urz/archiv/kursunterlagen/inkscape/index.html
http://lehrerfortbildung-bw.de/werkstatt/bild/inkscape/
http://www.heise.de/download/special-zaubern-mit-inkscape-150311.html
https://de.wikibooks.org/wiki/Inkscape
https://de.wikibooks.org/wiki/Inkscape/_Erste_Grafik

Freie Bilder

http://de.freepik.com/index.php?goto=74&idfoto=823014
https://commons.wikimedia.org/wiki/Category:SVG
Icons

Viewer und Editoren

http://listoffreeware.com/list-of-best-free-svg-viewer-software-for-windows/