SVGAnimatedAngle: animVal 屬性

Baseline 已廣泛支援

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

animValSVGAnimatedAngle 介面的一個只讀屬性,代表 SVG 元素上關聯的 <angle> 的當前動畫值。如果該屬性當前未被動畫化,則 animVal 將與 baseVal 相同。

此屬性反映了 SVG <marker> 元素中正在動畫化的 orient 屬性的角度的動畫狀態,從而在動畫期間提供對角度值的訪問。

一個 SVGAngle 物件,表示 <angle> 內容型別的動畫值。

  • 如果角度正在被動畫化,animVal 將反映當前的動畫狀態。
  • 如果角度未被動畫化,animVal 將與 SVGAnimatedAngle.baseVal 完全相同。

示例

js
const marker = document.querySelector("[orient]");

// Set an initial angle for the orient attribute
marker.setAttribute("orient", "45");

// Access the animated value of the angle
const animAngle = marker.orientAngle.animVal; // an SVGAngle object

console.log(animAngle.value); // Output: 45 (current animated value of the angle)
console.log(animAngle.unitType); // Output: 2 (constant for SVG_ANGLETYPE_DEG)

規範

規範
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedAngle__animVal

瀏覽器相容性

另見