Back to Content

SVGAnimatedEnumeration: baseVal property

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

latest1.1 KB
Original Source

{{APIRef("SVG")}}

The baseVal property of the {{domxref("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 {{SVGElement("clipPath")}} element: Its {{SVGAttr("clipPathUnits")}} is associated with an {{domxref("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 baseVal of the {{domxref("SVGClipPathElement.clipPathUnits")}} property.

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("SVGAnimatedEnumeration.animVal")}}