Baseline Widely available
The animVal property of the SVGAnimatedLength interface contains the current value of an SVG enumeration. If there is no animation, it is the same value as the baseVal.
An SVGLength containing the current value of the enumeration.
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
width="200"
height="200">
<circle cx="50" cy="50" r="20" fill="gold" id="circle">
<animate
attributeName="r"
values="20;25;10;20"
dur="8s"
repeatCount="indefinite" />
</circle>
</svg>
<pre id="log"></pre>
const circle = document.getElementById("circle");
const log = document.getElementById("log");
function displayLog() {
const animValue = circle.r.animVal.value;
const baseValue = circle.r.baseVal.value;
log.textContent = `The 'circle.r.animVal' is ${animValue}.\n`;
log.textContent += `The 'circle.r.baseVal' is ${baseValue}.`;
requestAnimationFrame(displayLog);
}
displayLog();
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4