Der rect-Tag

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Der <rect>-Tag definiert ein Rechteck. Er verfügt neben den bereits erläuterten Attributen id, width, height, x und y über die Attribute rx und ry.

Hinweis:
rx und ry sind Abkürzungen für radius x und radius y. Sie werden Ihnen noch öfter begegnen, wenn es um Kurven und Kreise geht.

Beide Attribute spielen nur dann eine Rolle, wenn das Rechteck gerundete Ecken haben soll. In diesem Fall legen Sie den Radius einer gedachten Ellipse fest, die bestimmt, wie stark die Ecken gerundet sind. Diese Attribute sind optional. Wenn Sie sie nicht angeben oder auf 0 setzen, werden die Ecken nicht abgerundet.

In der folgenden Abbildung sehen Sie zwei mit <rect> erzeugte Rechtecke. Bei dem einen, wurden die Attribute rx und ry auf 8 gesetzt, um so gerundete Ecken zu erzeugen. Bei dem anderen haben beide den Wert 0.

Rechteck mit eckigen und abgerundete Ecken

Abbildung: Rechteck mit eckigen und abgerundete Ecken.

<?xml version="1.0" standalone="no"?>
...
<svg width="300" height="300">
  <rect x="10" y="20" width="100" height="50" rx="0" ry="0"/>
  <rect x="150" y="20" width="100" height="50" rx="8" ry="8"/>
</svg>

Hinweis:
Einen Tag zum Erzeugen von Quadraten gibt es nicht. Wenn Sie Quadrate erzeugen möchten, verwenden Sie den <rect>-Tag und setzen die Attribute width und height auf den gleichen Wert.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de