SVGAnimatedLength: thuộc tính animVal
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính animVal của giao diện SVGAnimatedLength chứa giá trị hiện tại của một kiểu liệt kê SVG. Nếu không có hoạt hình, nó có giá trị tương tự như baseVal.
Giá trị
Một SVGLength chứa giá trị hiện tại của kiểu liệt kê.
Ví dụ
html
<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>
js
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 = `'circle.r.animVal' là ${animValue}.\n`;
log.textContent += `'circle.r.baseVal' là ${baseValue}.`;
requestAnimationFrame(displayLog);
}
displayLog();
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedLength__animVal |