SVGPointList: length プロパティ

Baseline Widely available

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

lengthSVGPointList インターフェイスのプロパティで、リスト内のアイテム数を返します。

リストのアイテム数です。

次の例では、 SVG の中に 5 つの座標ペアを持つ <polyline> があります。 length プロパティは 5 を返します。

html
<svg id="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>
js
let example = document.getElementById("example");
console.log(example.points.length); // 5

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__length

ブラウザーの互換性