SVGAnimatedEnumeration
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.
Das SVGAnimatedEnumeration Interface beschreibt Attributwerte, die Konstanten aus einer bestimmten Aufzählung sind und animiert werden können.
Seit SVG 2 spiegeln sowohl baseVal als auch animVal den nicht animierten Wert des Attributs wider.
Die erlaubten Werte seiner Eigenschaften hängen vom zugehörigen Attribut ab.
Instanz-Eigenschaften
Instanz-Methoden
Das SVGAnimatedEnumeration-Interface stellt keine spezifischen Methoden zur Verfügung.
Beispiele
Grundlegende Verwendung
Betrachten Sie diesen Ausschnitt mit einem <clipPath>-Element: Sein Attribut clipPathUnits ist mit einem SVGAnimatedEnumeration-Objekt verknüpft.
<svg viewBox="0 0 100 100" width="200" height="200">
<clipPath id="clip1" clipPathUnits="userSpaceOnUse">
<circle cx="50" cy="50" r="35" />
</clipPath>
<!-- Some reference rect to materialized to clip path -->
<rect id="r1" x="0" y="0" width="45" height="45" />
</svg>
Der folgende JavaScript-Code erhält das Element und protokolliert die baseVal und animVal der SVGClipPathElement.clipPathUnits-Eigenschaft.
Diese Werte sollten identisch sein.
const clipPathElt = document.getElementById("clip1");
console.log(clipPathElt.clipPathUnits.baseVal); // Logs 1 that correspond to userSpaceOnUse
console.log(clipPathElt.clipPathUnits.animVal); // Logs 1 that correspond to userSpaceOnUse
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGAnimatedEnumeration |