SVGAnimatedEnumeration

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

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

規範

規範
Scalable Vector Graphics (SVG) 2 # 介面SVGAnimatedEnumeration

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2024年8月13日，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題