ry - SVG | MDN

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="50" cy="50" ry="0" rx="25" />
  <ellipse cx="150" cy="50" ry="25" rx="25" />
  <ellipse cx="250" cy="50" ry="50" rx="25" />

  <rect x="20" y="120" width="60" height="60" ry="0" rx="15" />
  <rect x="120" y="120" width="60" height="60" ry="15" rx="15" />
  <rect x="220" y="120" width="60" height="60" ry="150" rx="15" />
</svg>

ellipse

Für <ellipse> definiert ry den y-Radius der Form. Mit einem Wert kleiner oder gleich null wird die Ellipse überhaupt nicht gezeichnet.

Wert	<length> \| <percentage> \| `auto`
Standardwert	`auto`
Animierbar	Ja

Hinweis: Der y-Radius der <ellipse> kann auch mit der ry Geometrieeigenschaft definiert werden. Wenn er in CSS gesetzt ist, überschreibt der Wert der ry-Eigenschaft den Wert des ry-Attributs.

rect

Für <rect> definiert ry den y-Achsen-Radius der Ellipse, die zum Abrunden der Ecken des Rechtecks verwendet wird.

Die Interpretation des Wertes des ry-Attributs hängt sowohl vom rx-Attribut als auch von der Breite des Rechtecks ab:

Wenn ein korrekt angegebener Wert für ry bereitgestellt wird, aber nicht für rx (oder umgekehrt), betrachtet der Browser den fehlenden Wert als gleich dem definierten.
Wenn weder ry noch rx einen korrekt angegebenen Wert haben, zeichnet der Browser ein Rechteck mit rechteckigen Ecken.
Wenn ry größer als die Hälfte der Breite des Rechtecks ist, betrachtet der Browser den Wert von ry als die Hälfte der Breite des Rechtecks.

Wert	<length> \| <percentage> \| `auto`
Standardwert	`auto`
Animierbar	Ja

Hinweis: Die vertikale Krümmung der Ecken des <rect> kann auch mit der ry Geometrieeigenschaft definiert werden. Wenn sie in CSS gesetzt ist, überschreibt der Wert der ry-Eigenschaft den Wert des ry-Attributs.

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # RY

Siehe auch

CSS ry Eigenschaft

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden