Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MDN Feature Pages for SVGAnimatedLengthList #37071

Merged
merged 13 commits into from
Dec 12, 2024
32 changes: 32 additions & 0 deletions files/en-us/web/api/svganimatedlengthlist/animval/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
---
title: "SVGAnimatedLengthList: animVal property"
short-title: animVal
slug: Web/API/SVGAnimatedLengthList/animVal
page-type: web-api-instance-property
browser-compat: api.SVGAnimatedLengthList.animVal
---

{{APIRef("SVG")}}

The **`animVal`** read-only property of the {{domxref("SVGAnimatedLengthList")}} interface represents the animated value of an attribute that accepts a list of [`<length>`](/en-US/docs/Web/SVG/Content_type#length), [`<percentage>`](/en-US/docs/Web/SVG/Content_type#percentage), or [`<number>`](/en-US/docs/Web/SVG/Content_type#number) values.

Some SVG attributes, like the `x`, `y`, `dx`, and `dy` attribute of the [`<tspan>`](/en-US/docs/Web/SVG/Element/tspan) and [`<text>`](/en-US/docs/Web/SVG/Element/text) element, accept a list of length, percentages, or numbers as a value. This property provides access to the current animated state of the attribute as a live {{domxref("SVGLengthList")}} object.
yashrajbharti marked this conversation as resolved.
Show resolved Hide resolved

## Value

An {{domxref("SVGLengthList")}} object representing the animated value of the attribute.

## Specifications

{{Specifications}}

## Browser compatibility

{{Compat}}

## See also

- [`<length>`](/en-US/docs/Web/SVG/Content_type#length)
- [`<percentage>`](/en-US/docs/Web/SVG/Content_type#percentage)
- [`<number>`](/en-US/docs/Web/SVG/Content_type#number)
- {{domxref("SVGLengthList")}}
32 changes: 32 additions & 0 deletions files/en-us/web/api/svganimatedlengthlist/baseval/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
---
title: "SVGAnimatedLengthList: baseVal property"
short-title: baseVal
slug: Web/API/SVGAnimatedLengthList/baseVal
page-type: web-api-instance-property
browser-compat: api.SVGAnimatedLengthList.baseVal
---

{{APIRef("SVG")}}

The **`baseVal`** read-only property of the {{domxref("SVGAnimatedLengthList")}} interface represents the base (non-animated) value of an animatable attribute that accepts a list of [`<length>`](/en-US/docs/Web/SVG/Content_type#length), [`<percentage>`](/en-US/docs/Web/SVG/Content_type#percentage), or [`<number>`](/en-US/docs/Web/SVG/Content_type#number) values.

Some SVG attributes, like the `x`, `y`, `dx`, and `dy` attribute of the [`<tspan>`](/en-US/docs/Web/SVG/Element/tspan) and [`<text>`](/en-US/docs/Web/SVG/Element/text) element, accept a list of length, percentages, or numbers as a value. This property provides access to the current animated state of the attribute as a live {{domxref("SVGLengthList")}} object.
yashrajbharti marked this conversation as resolved.
Show resolved Hide resolved

## Value

An {{domxref("SVGLengthList")}} object representing the base value of the attribute.

## Specifications

{{Specifications}}

## Browser compatibility

{{Compat}}

## See also

- [`<length>`](/en-US/docs/Web/SVG/Content_type#length)
- [`<percentage>`](/en-US/docs/Web/SVG/Content_type#percentage)
- [`<number>`](/en-US/docs/Web/SVG/Content_type#number)
- {{domxref("SVGLengthList")}}
4 changes: 2 additions & 2 deletions files/en-us/web/api/svganimatedlengthlist/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,14 +62,14 @@ The `SVGAnimatedLengthList` interface is used for attributes of type {{ domxref(
</thead>
<tbody>
<tr>
<td><code>baseVal</code></td>
<td><code>{{domxref("SVGAnimatedLengthList.baseVal", "baseVal")}}</code></td>
<td>{{ domxref("SVGLengthList") }}</td>
<td>
The base value of the given attribute before applying any animations.
</td>
</tr>
<tr>
<td><code>animVal</code></td>
<td><code>{{domxref("SVGAnimatedLengthList.animVal", "animVal")}}</code></td>
<td>{{ domxref("SVGLengthList") }}</td>
<td>
A read only {{ domxref("SVGLengthList") }} representing the
Expand Down
Loading