SVGPointList

SVGPointList.length 只读

返回列表中的点数。

SVGPointList.numberOfItems 只读

返回列表中的点数。

SVGPointList.clear()

删除列表中的所有项。

SVGPointList.initialize()

首先删除列表中的所有项，然后向列表中添加单个值。

SVGPointList.getItem()

从指定位置的列表中获取一项。

SVGPointList.insertBefore()

在指定位置将元素插入列表。

SVGPointList.replaceItem()

用新项替换列表中的项。

SVGPointList.removeItem()

从列表中删除一项。

SVGPointList.appendItem()

将项添加到列表末尾。

以下示例显示了一个 SVG，其中包含一个 <polyline>，具有五个坐标对。points 属性返回一个 SVGPointList。

<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
  <polyline
    id="example"
    stroke="black"
    fill="none"
    points="50,0 21,90 98,35 2,35 79,90" />
</svg>

let example = document.getElementById("example");
console.log(example.points); //an SVGPointList