SVGPolylineElement: points 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGPolylineElement 接口的只读属性 points 反映了元素 points 属性的基础(即静态)值。通过 SVGPointList 对象进行的修改会反映在 points 属性中,反之亦然。

一个 SVGPointList 对象。

示例

访问 points 属性

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" />
</svg>
js
const polylineElement = document.getElementById("myPolyline");

// Access the points property
console.dir(polylineElement.points); // Output: SVGPointList object containing points (100,10), (150,50), (100,90), (50,50)

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedPoints__points

浏览器兼容性