i

Exkurs - SVG

Grundgerüst eines SVG-Dokuments

Ein SVG-Dokument hat das folgende Grundgerüst.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC 
    "-//W3C//DTD SVG 1.1//EN" 
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" width="..." height="...">
...
</svg>

Auf die Bedeutung der Angaben im Vorspann wird in XML-Dokumenttypen noch genauer eingegangen. Sie werden in den folgenden Beispielen weggelassen. Wir betrachten daher nur noch den Inhaltsbereich, der oben mit den drei Punkten angegeben ist.

Rechteck

Ein Rechteck wird mit dem rect-Element beschrieben. Der folgende Quellcode zeigt die Verwendung dieses Elements sowie einige seiner Attribute

Aufgabe

Rechtecke ineinanderÄndere den SVG-Quelltext entsprechend ab, damit in der Grafik alle Rechtecke quadratisch sind und genau ineinander liegen:

Kreis

Ein Kreis wird mit dem circle-Element beschrieben. Der folgende Quellcode zeigt die Verwendung dieses Elements sowie einige seiner Attribute

Aufgabe

Kreise als AmpelÄndere den SVG-Quelltext entsprechend ab, damit in der Grafik die Kreise eine Ampel ergeben:

Linie

Eine Linie wird mit dem line-Element beschrieben. Der folgende Quellcode zeigt die Verwendung dieses Elements sowie einige seiner Attribute

Aufgabe

Linien mit KreuzÄndere den SVG-Quelltext entsprechend ab, damit in der Grafik das Quadrat ein dickes silbernes Kreuz enthält:

Polygon

Eine Polygon wird mit dem polygon-Element beschrieben. Der folgende Quellcode zeigt die Verwendung dieses Elements sowie einige seiner Attribute

Aufgabe

SternÄndere den SVG-Quelltext entsprechend ab, damit in der Grafik ein Stern in der Mitte erscheint:

Text

Ein Text wird mit dem text-Element beschrieben. Der folgende Quellcode zeigt die Verwendung dieses Elements sowie einige seiner Attribute

Aufgabe

SternÄndere den SVG-Quelltext entsprechend ab, damit in der Grafik die folgenden Texte erscheinen (du kannst dich auch gerne selbst begrüßen...):

Suche

v
1.3.1.2.3
inf-schule.de/information/informationsdarstellungxml/darstellunginformation/fallstudie_grafiken/exkurs_svg
inf-schule.de/1.3.1.2.3

Rückmeldung geben