files/en-us/web/api/svganimatednumberlist/baseval/index.md
{{APIRef("SVG")}}
The baseVal read-only property of the {{domxref("SVGAnimatedNumberList")}} interface represents the base (non-animated) value of an animatable attribute that accepts a list of <number> values.
This property reflects the viewBox attribute of the <svg> element, the values attribute of the feColorMatrix element and the {{SVGAttr("points")}} attribute of the {{SVGElement("rect")}}, {{SVGElement("polygon")}}, or {{SVGElement("polyline")}} element as a readonly {{domxref("SVGNumberList")}}, providing access to a static list of points defined by the {{SVGAttr("points")}} attribute.
An {{domxref("SVGNumberList")}} object representing the base value of the attribute. The list contains one or more numbers corresponding to the individual number values specified in the attribute.
const rect = document.querySelector("rect");
// Set the animatable 'points' attribute with number values
rect.setAttribute("points", "10,10 20,10 20,20 10,20");
// Access the SVGAnimatedNumberList object
const points = rect.points;
// Modify the base value
points.baseVal = [10, 15, 25, 30];
// Verify the reflected attribute value
console.log(rect.getAttribute("points")); // Output: "10,15 25,30"
{{Specifications}}
{{Compat}}