SVGAnimatedRect: baseVal-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die baseVal-Eigenschaft der SVGAnimatedRect-Schnittstelle, die schreibgeschützt ist, repräsentiert den aktuellen, nicht animierten Wert des viewBox-Attributs eines SVG-Elements.

Diese Eigenschaft spiegelt den Wert des viewBox-Attributs des SVG-Elements als schreibgeschütztes DOMRect-Objekt wider. Sie bietet Zugriff auf das statische Rechteck, das durch das viewBox-Attribut definiert ist, einschließlich der x-, y-, width- und height-Werte.

In diesem Artikel

Wert

Ein DOMRect-Objekt, das den aktuellen, nicht animierten Wert des viewBox-Attributs repräsentiert.

Beispiele

html
<svg viewBox="0 0 200 100" id="mySvg">
  <rect width="100" height="100" fill="blue" />
</svg>

js
const svgElement = document.getElementById("mySvg");
const animatedRect = svgElement.viewBox.baseVal;

// Access the non-animated base value
console.log(animatedRect.x); // 0
console.log(animatedRect.y); // 0
console.log(animatedRect.width); // 200
console.log(animatedRect.height); // 100

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

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

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

SVGAnimatedRect: baseVal-Eigenschaft

In diesem Artikel

Wert

Beispiele

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN