SVGAnimatedRect: 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 chỉ đọc animVal của giao diện SVGAnimatedRect đại diện cho giá trị hoạt hình hiện tại của thuộc tính viewBox của phần tử SVG dưới dạng đối tượng DOMRectReadOnly chỉ đọc. Nó cung cấp quyền truy cập vào trạng thái động của hình chữ nhật, bao gồm các giá trị x, y, width và height trong quá trình hoạt hình.
Nếu không có hoạt hình nào được áp dụng, thuộc tính animVal phản ánh giá trị thuộc tính viewBox của phần tử SVG và sẽ giống với SVGAnimatedRect.baseVal.
Giá trị
Một đối tượng DOMRectReadOnly đại diện cho giá trị hoạt hình của thuộc tính viewBox.
Ví dụ
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.animVal;
// Ghi giá trị hoạt hình (giả sử có hoạt hình được áp dụng)
console.log(animatedRect.x);
console.log(animatedRect.y);
console.log(animatedRect.width);
console.log(animatedRect.height);
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedRect__animVal |