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ố
Giá trị trả về
Đối tượng DOMPoint mới.
Ngoại lệ
NoModificationAllowedErrorDOMException-
Được ném ra nếu danh sách là chỉ đọc.
IndexSizeErrorDOMException-
Đượ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> |