SVGPointList: initialize() 方法

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

SVGPointList 介面的 initialize() 方法會清空列表，然後向列表中新增一個單獨的新的 DOMPoint 物件。

語法

initialize(obj)

引數

obj: 一個包含要新增到列表中的點的座標的 DOMPoint 物件，當列表被初始化時。

返回值

新增的 DOMPoint 物件。

異常

NoModificationAllowedError DOMException: 如果列表是隻讀的，則會丟擲此錯誤。

示例

下面的示例顯示了一個包含五個座標對的 <polyline> 的 SVG。返回 SVGPointList.length 的值為 5。呼叫 initialize() 後，返回 SVGPointList.length 的值為 1。

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>

const example = document.getElementById("example");
console.log(example.points.length); // 5;
const point = document.getElementById("svg").createSVGPoint();
example.points.initialize(point);
console.log(example.points.length); // 1

規範

規範
Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__initialize

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年6月8日⁩，由 MDN 貢獻者更新。

在 GitHub 上檢視此頁面 • 報告此內容的問題