Rechteck
Ein Rechteck lässt sich mit dem <rect>-Tag erstellen. Dabei wird die x- und y-Koordinate der oberen linken Ecken sowie die Breite und Höhe angegeben. Die Fläche lässt sich mit dem fill-Attribut einfärben.
Sie können im Editor auch Rechtecke mit abgerundeten Ecken erzeugen, indem Sie zusätzlich den x/y-Radius eingeben. Wenn Sie nur den x-Radius rx angeben, wird der y-Radius automatisch gleich gesetzt. Die maximale Zahl, die Sie für den Radius angeben können, ist die Hälfte der entsprechenden Seite. Setzen Sie im Shape-Designer nur den y-Radius, verändert sich nichts, die Ecken des Rechtecks werden nicht abgerundet. Sie können aber auch unterschiedliche Werte für rx und ry setzen.
|
x-coordinate of the upper left corner |
|
y-coordinate of the upper left corner |
|
Breite des Rechtecks |
|
Höhe des Rechtecks |
|
Horizontaler Eckradius |
|
Vertikaler Eckradius |
<rect width="200" height="100" rx="10" ry="5" fill="#00B6A8" />
