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 上查看此页面 • 报告此内容的问题