SVGPointList: appendItem() 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 appendItem() của giao diện SVGPointList thêm một DOMPoint vào cuối danh sách.

Cú pháp

js
appendItem(obj)

Tham số

obj

Một đối tượng DOMPoint chứa tọa độ của điểm cần thêm và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 độ. Một DOMPoint mới được tạo và thêm vào 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.appendItem(point));

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__appendItem

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