SVGPointList：initialize() 方法

initialize() 方法是 SVGPointList 接口中的方法，它会清除列表，然后向列表添加一个新的 SVGPoint 对象。

语法

js
initialize(obj)

参数

obj

一个 SVGPoint 对象，包含在初始化列表时要添加的点的坐标。

返回值

已添加的 SVGPoint 对象。

异常

NoModificationAllowedError DOMException

如果列表是只读的，则抛出此异常。

示例

以下示例显示了一个 SVG，它包含一个具有五个坐标对的 <polyline>。返回 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>
js
let example = document.getElementById("example");
console.log(example.points.length); //5;
let svgpoint = document.getElementById("svg").createSVGPoint();
example.points.initialize(svgpoint);
console.log(example.points.length); //1

规范

规范
可缩放矢量图形 (SVG) 2
# __svg__SVGNameList__initialize

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。