← 返回首页

SVGPointList: appendItem() メソッド - Web API | MDN

Toggle sidebar

Theme

OS default
Light
Dark

日本語

Remember language Learn more

SVGPointList: appendItem() メソッド

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

appendItem() は SVGPointList インターフェイスのメソッドで、リストの末尾に点を追加します。

In this article

構文

js

appendItem(obj)

引数

obj

追加する点の座標の入った SVGPoint オブジェクトです。

返値

追加された SVGPoint オブジェクトです。

例外

NoModificationAllowedError DOMException

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

例

次の例では、 SVG の中に 5 つの座標ペアを持つ <polyline> があります。新しい SVGPoint が作成され、リストに追加されます。

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");
let svgPoint = document.getElementById("svg").createSVGPoint();
svgPoint.y = 10;
svgPoint.x = 10;
console.log(example.points.appendItem(svgPoint));

仕様書

Specification

Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__appendItem

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2025年4月4日 by MDN contributors.

View this page on GitHub • Report a problem with this content