Diese Übung stellt die Graphik XML-Technologie SVG in den Vordergrund. Wir wollen zunächst die Möglichkeiten von SVG anhand einfacher graphischer Elemente kennenlernen.

Um hierfür innerhalb von Editplus den Browser Firefox zu benutzen, stellen Sie Folgendes ein:

Tools – Preferences – Tools – Select Browser – External Browser Firefox – Apply – OK

Benutzen Sie nunmehr jeweils folgende Vorlage für die Übungen:

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600">

</svg>

Erzeugen Sie folgende Rechtecke mittels des rect–Elements.

Wir erweitern die Grafik mittels des circle– und ellipse–Elements.

Verwenden Sie nun die Elemente

• line
• polyline
• polygon

für die folgende Graphik.

Mittels des text–Elements können wir schliesslich folgendes erzeugen:

Verändern Sie mögliche Textattribute.

Erzeugen Sie schliesslich mittels der nun bekannten Elemente etwa folgende Grafik.