SVGPointList: removeItem() メソッド

Baseline Widely available

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

removeItem()SVGPointList インターフェイスのメソッドで、このリストからを除去します。

構文

js
removeItem(index)

引数

index

除去するアイテムのインデックスです。

返値

除去された SVGPoint オブジェクトです。

例外

NoModificationAllowedError DOMException

リストが読み取り専用である場合に発生します。

IndexSizeError DOMException

渡されたインデックスがリスト内のアイテムの数よりも大きい場合に発生します。

次の例では、 SVG の中に 5 つの座標ペアを持つ <polyline> があります。インデックス 2 にあるアイテムが除去されます。

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.removeItem(2));

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__removeItem

ブラウザーの互換性