Back to Content

SVGAnimatedInteger: baseVal property

files/en-us/web/api/svganimatedinteger/baseval/index.md

latest1.3 KB
Original Source

{{APIRef("SVG")}}

The baseVal property of the {{domxref("SVGAnimatedInteger")}} interface represents the base (non-animated) value of an animatable <integer>.

Some attributes, like the {{SVGAttr("numOctaves")}} attribute of the {{SVGElement("feTurbulence")}} element or the {{SVGAttr("order")}} attribute of the {{SVGElement("feConvolveMatrix")}} accept a long integer as a value. This property provides access to the static non-animated state of the attribute as a number.

Value

A long; the base (non-animated) value of the reflected attribute.

Examples

js
const feTurbulence = document.querySelector("feTurbulence");

// Set the animatable 'numOctaves' attribute
feTurbulence.setAttribute("numOctaves", "4");

// Access the SVGAnimatedInteger object
const animatedInteger = feTurbulence.numOctaves;

// Get the base value
console.log(animatedInteger.baseVal); // Output: 4

// Modify the base value
animatedInteger.baseVal = 6;

// Verify the reflected attribute value
console.log(feTurbulence.getAttribute("numOctaves")); // Output: "6"

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • <integer>
  • {{SVGAttr("numOctaves")}}
  • {{SVGAttr("order")}}