From 491fc99b39489d35811cfcb95912838abc33c390 Mon Sep 17 00:00:00 2001 From: Yash Raj Bharti <43868318+yashrajbharti@users.noreply.github.com> Date: Fri, 13 Dec 2024 03:10:42 +0530 Subject: [PATCH] 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 * 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 * content fixes * Update files/en-us/web/api/svganimatedlengthlist/animval/index.md Co-authored-by: Estelle Weyl * Update files/en-us/web/api/svganimatedlengthlist/baseval/index.md Co-authored-by: Estelle Weyl --------- Co-authored-by: Estelle Weyl --- .../svganimatedlengthlist/animval/index.md | 32 +++++++++++++++++++ .../svganimatedlengthlist/baseval/index.md | 32 +++++++++++++++++++ .../web/api/svganimatedlengthlist/index.md | 4 +-- 3 files changed, 66 insertions(+), 2 deletions(-) create mode 100644 files/en-us/web/api/svganimatedlengthlist/animval/index.md create mode 100644 files/en-us/web/api/svganimatedlengthlist/baseval/index.md diff --git a/files/en-us/web/api/svganimatedlengthlist/animval/index.md b/files/en-us/web/api/svganimatedlengthlist/animval/index.md new file mode 100644 index 000000000000000..c830eec523a87e7 --- /dev/null +++ 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 [``](/en-US/docs/Web/SVG/Content_type#length), [``](/en-US/docs/Web/SVG/Content_type#percentage), or [``](/en-US/docs/Web/SVG/Content_type#number) values. + +Some SVG attributes, like the `x`, `y`, `dx`, and `dy` attributes of the [``](/en-US/docs/Web/SVG/Element/tspan) and [``](/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 + +- [``](/en-US/docs/Web/SVG/Content_type#length) +- [``](/en-US/docs/Web/SVG/Content_type#percentage) +- [``](/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 new file mode 100644 index 000000000000000..77deb67013436e3 --- /dev/null +++ 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 [``](/en-US/docs/Web/SVG/Content_type#length), [``](/en-US/docs/Web/SVG/Content_type#percentage), or [``](/en-US/docs/Web/SVG/Content_type#number) values. + +Some SVG attributes, like the `x`, `y`, `dx`, and `dy` attributes of the [``](/en-US/docs/Web/SVG/Element/tspan) and [``](/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 + +- [``](/en-US/docs/Web/SVG/Content_type#length) +- [``](/en-US/docs/Web/SVG/Content_type#percentage) +- [``](/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 index 645d5579ca9193c..95554d4f9a7088d 100644 --- 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( - baseVal + {{domxref("SVGAnimatedLengthList.baseVal", "baseVal")}} {{ domxref("SVGLengthList") }} The base value of the given attribute before applying any animations. - animVal + {{domxref("SVGAnimatedLengthList.animVal", "animVal")}} {{ domxref("SVGLengthList") }} A read only {{ domxref("SVGLengthList") }} representing the