W3cubDocs

/Web APIs

SVGAnimatedEnumeration: baseVal property

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

Value

An integer containing the initial value of the enumeration

Examples

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

html

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

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

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

js

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

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedEnumeration__baseVal

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
baseVal 1 12 1.5 9 ≤12.1 3 3 18 4 ≤12.1 1 1.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimatedEnumeration/baseVal