このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 2020年3月.

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

ブラウザーの互換性