The baseVal property of the SVGAnimatedEnumeration interface contains the initial value of an SVG enumeration.


An integer containing the initial value of the enumeration


Considering this snippet with a <clipPath> element: Its clipPathUnits is associated with a SVGAnimatedEnumeration object.

<svg viewBox="0 0 100 100" width="200" height="200">
  <clipPath id="clip1" clipPathUnits="userSpaceOnUse">
    <circle cx="50" cy="50" r="35" />

  <!-- Some reference rect to materialized to clip path -->
  <rect id="r1" x="0" y="0" width="45" height="45" />

This snippet gets the element, and logs the baseValof the SVGClipPathElement.clipPathUnits property.

const clipPathElt = document.getElementById("clip1");
console.log(clipPathElt.clipPathUnits.baseVal); // Logs 1 that correspond to userSpaceOnUse


Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedEnumeration__baseVal

Browser compatibility

BCD tables only load in the browser

See also