SVGPointList: replaceItem() 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 replaceItem() của giao diện SVGPointList thay thế một DOMPoint trong danh sách.

Cú pháp

js
replaceItem(obj, index)

Tham số

obj

Một đối tượng DOMPoint chứa tọa độ của điểm cần chèn.

index

Chỉ mục của phần tử cần thay thế.

Giá trị trả về

Đối tượng DOMPoint mới.

Ngoại lệ

NoModificationAllowedError DOMException

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

IndexSizeError DOMException

Được ném ra nếu chỉ mục được truyền vào lớn hơn số lượng phần tử trong danh sách.

Ví dụ

Ví dụ sau cho thấy SVG chứa <polyline> với năm cặp tọa độ. Một DOMPoint mới được tạo, sau đó thay thế điểm tại chỉ mục 1 (phần tử thứ hai trong danh sách).

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");
const point = document.getElementById("svg").createSVGPoint();
point.y = 10;
point.x = 10;
console.log(example.points.replaceItem(point, 1));

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__replaceItem

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