SVGPolygonElement:animatedPoints 屬性

Baseline 已廣泛支援

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

animatedPoints 只讀屬性是 SVGPolygonElement 介面的一個屬性,它反映了元素 points 屬性的動畫值。如果 points 屬性未被動畫化,則它包含的值與 points 屬性相同。

一個 SVGPointList 物件。

示例

訪問 animatedPoints 屬性

html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
  <polygon id="myPolygon" points="100,10 150,50 100,90 50,50" fill="blue">
    <animate
      attributeName="points"
      values="100,10 150,50 100,90 50,50; 150,10 200,50 150,90 100,50"
      dur="2s"
      repeatCount="indefinite" />
  </polygon>
</svg>
js
const polygonElement = document.getElementById("myPolygon");

// Access the animatedPoints property
console.dir(polygonElement.animatedPoints); // Output: SVGPointList object

規範

規範
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedPoints__animatedPoints

瀏覽器相容性