SVG
Rechteck

Android Angular 2 AngularJS CSS HTML Java Language JavaScript jQuery PHP Python Language
Suche…


Parameter

Attribut Beschreibung
x Horizontale Position des Rechtecks ​​vom linken Rand.
y Vertikale Position des Rechtecks ​​vom oberen Rand.
Breite Breite des Rechtecks
Höhe Höhe des Rechtecks
rx Horizontaler Radius der Ellipse, mit dem Ecken des Rechtecks ​​abgerundet werden
ry Vertikaler Ellipsenradius zum Abrunden der Ecken des Rechtecks
Schlaganfall Farbe des Rechteckrandes
Strichbreite Breite des Rechteckrandes.
füllen Farbe innerhalb des Rechteckrandes.

Bemerkungen

Detaillierte Informationen zum SVG-Element "rect" finden Sie in der W3C-Empfehlung für SVG .

Zeichnen Sie ein schwarzes Rechteck ohne Füllung

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>

Ergebnis:

Geben Sie hier die Bildbeschreibung ein

Zeichnen Sie ein schwarzes Rechteck mit gelber Füllung und abgerundeten Ecken

  • Die Attribute width und height die Abmessungen des Rechtecks ​​an. Diese Werte werden standardmäßig in Pixel angegeben
  • Der fill legt die Farbe für das Rechteck fest. Wenn kein fill angegeben ist, wird standardmäßig Schwarz verwendet 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>

Ergebnis:

Geben Sie hier die Bildbeschreibung ein



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow