MDN Feature Pages for SVGAnimatedLengthList (#37071)

* MDN Feature Pages for SVGAnimatedLengthList * add: link to content types * fix: see also section with relevant links * fix: content * Update files/en-us/web/api/svganimatedlengthlist/animval/index.md Co-authored-by: Estelle Weyl <[email protected]> * add examples * fix: attributes context * fix: syntax issue * removed extra content * Update files/en-us/web/api/svganimatedlengthlist/animval/index.md Co-authored-by: Estelle Weyl <[email protected]> * content fixes * Update files/en-us/web/api/svganimatedlengthlist/animval/index.md Co-authored-by: Estelle Weyl <[email protected]> * Update files/en-us/web/api/svganimatedlengthlist/baseval/index.md Co-authored-by: Estelle Weyl <[email protected]> --------- Co-authored-by: Estelle Weyl <[email protected]>
mdn · Dec 12, 2024 · 491fc99 · 491fc99
1 parent 498b20f
commit 491fc99
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 2 deletions.
diff --git a/files/en-us/web/api/svganimatedlengthlist/animval/index.md b/files/en-us/web/api/svganimatedlengthlist/animval/index.md
@@ -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` attributes of the [`<tspan>`](/en-US/docs/Web/SVG/Element/tspan) and [`<text>`](/en-US/docs/Web/SVG/Element/text) elements, 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.
+
+## 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")}}
diff --git a/files/en-us/web/api/svganimatedlengthlist/baseval/index.md b/files/en-us/web/api/svganimatedlengthlist/baseval/index.md
@@ -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` attributes of the [`<tspan>`](/en-US/docs/Web/SVG/Element/tspan) and [`<text>`](/en-US/docs/Web/SVG/Element/text) elements, accept a list of length, percentages, or numbers as a value. This property reflects the attribute value, in its non-animated state, as a live {{domxref("SVGLengthList")}} object.
+
+## 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")}}
diff --git a/files/en-us/web/api/svganimatedlengthlist/index.md b/files/en-us/web/api/svganimatedlengthlist/index.md
@@ -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