SVGAnimatedEnumeration: animVal-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 animVal Leseeigenschaft der SVGAnimatedEnumeration-Schnittstelle repräsentiert den Wert einer SVG-Enumeration.
In SVG 2 spiegelt animVal den nicht animierten Wert des Attributs wider: Es ist dasselbe wie baseVal.
Wert
Ein ganzzahliger Wert, der den Wert der Enumeration repräsentiert.
Die erlaubten Werte hängen von dem Attribut ab, das widergespiegelt wird. Diese Eigenschaft kann nicht beschrieben werden.
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn der Eigenschaft irgendein Wert zugewiesen wird.
Beispiele
Grundlegende Verwendung
html
<div>
<svg viewBox="0 0 100 100" width="200" height="200">
<clipPath id="clip1" clipPathUnits="userSpaceOnUse">
<animate
attributeName="clipPathUnits"
values="userSpaceOnUse;objectBoundingBox;userSpaceOnUse"
dur="2s"
repeatCount="indefinite" />
<circle cx="50" cy="50" r="25" />
</clipPath>
<rect id="r1" x="0" y="0" width="50" height="100" />
<use clip-path="url(#clip1)" href="#r1" fill="lightblue" />
</svg>
</div>
<pre id="log"></pre>
Das folgende JavaScript holt das Element und protokolliert den animValue der SVGClipPathElement.clipPathUnits-Eigenschaft.
js
const clipPath1 = document.getElementById("clip1");
const log = document.getElementById("log");
function displayLog() {
const animValue = clipPath1.clipPathUnits.animVal;
const baseValue = clipPath1.clipPathUnits.baseVal;
log.textContent = `The 'clipPathUnits.animVal' is ${animValue}.\n`;
requestAnimationFrame(displayLog);
}
displayLog();
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedEnumeration__animVal |