SVGAnimatedEnumeration

SVGAnimatedEnumeration 接口描述了属性值，这些属性值来自特定枚举的常量，并且可以进行动画处理。

实例属性

baseVal: 在应用任何动画之前，给定属性的基本值（整数）。
animVal: 如果给定属性或特性正在进行动画处理，则包含属性或特性的当前动画值。如果给定属性或特性当前没有进行动画处理，则包含与baseVal相同的值。

实例方法

SVGAnimatedEnumeration 接口不提供任何特定方法。

示例

考虑使用<clipPath> 元素的代码片段：其clipPathUnits 与SVGAnimatedEnumeration 对象相关联。

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>

此代码片段获取元素，并记录SVGClipPathElement.clipPathUnits 属性的baseVal 和animVal。由于没有发生动画，因此它们具有相同的值。

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

规范

规范
可缩放矢量图形 (SVG) 2 # 接口 SVGAnimatedEnumeration

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。