SVGPointList
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.
Giao diện SVGPointList đại diện cho một danh sách các đối tượng DOMPoint.
Một SVGPointList có thể được chỉ định là chỉ đọc, nghĩa là các nỗ lực sửa đổi đối tượng sẽ dẫn đến việc ném ra một ngoại lệ.
Thuộc tính phiên bản
SVGPointList.lengthRead only-
Trả về số lượng điểm trong danh sách.
SVGPointList.numberOfItemsRead only-
Trả về số lượng điểm trong danh sách.
Phương thức phiên bản
SVGPointList.clear()-
Xóa tất cả các phần tử trong danh sách.
SVGPointList.initialize()-
Đầu tiên xóa tất cả các phần tử trong danh sách, sau đó thêm một giá trị duy nhất vào danh sách.
SVGPointList.getItem()-
Lấy một phần tử từ danh sách tại vị trí được chỉ định.
SVGPointList.insertItemBefore()-
Chèn một phần tử vào danh sách tại vị trí được chỉ định.
SVGPointList.replaceItem()-
Thay thế một phần tử trong danh sách bằng một phần tử mới.
SVGPointList.removeItem()-
Xóa một phần tử khỏi danh sách.
SVGPointList.appendItem()-
Thêm một phần tử vào cuối danh sách.
Ví dụ
Ví dụ sau cho thấy SVG chứa <polyline> với năm cặp tọa độ. Thuộc tính points trả về một SVGPointList.
<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); // Một SVGPointList
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # InterfaceSVGPointList> |