---
title: "SVGAnimatedRect | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Interface SVGAnimatedRect

The **`SVGAnimatedRect`** interface represents an SVGRect attribute that can be animated.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGAnimatedRect)

interface SVGAnimatedRect {  
    [animVal](#animval): [DOMRectReadOnly](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRectReadOnly/);  
    [baseVal](#baseval): [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/);  
}

##### Index

### Properties[](#properties)

[animVal](#animval) [baseVal](#baseval)

## Properties[](#properties-1)

### `Readonly`animVal[](#animval)

animVal: [DOMRectReadOnly](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRectReadOnly/)

The **`animVal`** read-only property of the SVGAnimatedRect interface represents the current animated value of the viewBox attribute of an SVG element as a read-only DOMRectReadOnly object. It provides access to the rectangle's dynamic state, including the x, y, width, and height values during the animation.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGAnimatedRect/animVal)

### `Readonly`baseVal[](#baseval)

baseVal: [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/)

The **`baseVal`** read-only property of the SVGAnimatedRect interface represents the current non-animated value of the viewBox attribute of an SVG element.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGAnimatedRect/baseVal)