SVGPolylineElement: thuộc tính animatedPoints

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính chỉ đọc animatedPoints của giao diện SVGPolylineElement phản ánh giá trị hoạt hình của thuộc tính points của phần tử. Nếu thuộc tính points không đang được hoạt hình, nó chứa giá trị tương tự như thuộc tính points.

Giá trị

Một đối tượng SVGPointList.

Ví dụ

Truy cập thuộc tính animatedPoints

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

// Truy cập thuộc tính animatedPoints
console.dir(polylineElement.animatedPoints); // Đầu ra: đối tượng SVGPointList

Thông số kỹ thuật

Thông số kỹ thuật
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedPoints__animatedPoints

Tương thích trình duyệt