SVGPointList: initialize() method

Baseline Widely available

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

Phương thức initialize() của giao diện SVGPointList xóa danh sách rồi thêm một đối tượng DOMPoint mới duy nhất vào danh sách.

Cú pháp

js
initialize(obj)

Tham số

obj

Một đối tượng DOMPoint chứa tọa độ của điểm cần thêm khi danh sách được khởi tạo.

Giá trị trả về

Đối tượng DOMPoint đã được thêm vào.

Ngoại lệ

NoModificationAllowedError DOMException

Được ném ra nếu danh sách là chỉ đọc.

Ví dụ

Ví dụ sau cho thấy SVG chứa <polyline> với năm cặp tọa độ. Trả về SVGPointList.length cho giá trị 5. Sau khi gọi initialize(), trả về SVGPointList.length cho giá trị 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
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

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__initialize

Tương thích trình duyệt