points

Атрибут points определяет список точек. Каждая точка задаётся парой чисел, представляющих координаты X и Y в пользовательской системе координат. Если атрибут содержит нечётное количество координат, последняя будет проигнорирована.

Этот атрибут можно использовать со следующими SVG-элементами:

Пример

<svg viewBox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg">
  <!-- polyline is an open shape -->
  <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />

  <!-- polygon is a closed shape -->
  <polygon
    stroke="black"
    fill="none"
    transform="translate(100,0)"
    points="50,0 21,90 98,35 2,35 79,90" />

  <!--
  It is usually considered best practices to separate a X and Y
  coordinate with a comma and a group of coordinates by a space.
  It makes things more readable for human beings.
  -->
</svg>

polyline

Для <polyline> атрибут points определяет список точек, каждая из которых представляет собой вершину рисуемой линии. Каждая точка задаётся координатами X и Y в пользовательской системе координат.

Примечание: Ломаная линия — это незамкнутая фигура, то есть последняя точка не соединяется с первой.

Значение	[ `<number>`+ ]#
Значение по умолчанию	none
Анимируемый	Да

<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
  <!-- polyline is an open shape -->
  <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
</svg>

polygon

Для <polygon> атрибут points определяет список точек, каждая из которых представляет собой вершину рисуемой фигуры. Каждая точка задаётся координатами X и Y в пользовательской системе координат.

Примечание: Многоугольник — это замкнутая фигура, то есть последняя точка соединяется с первой.

Значение	[ `<number>`+ ]#
Значение по умолчанию	none
Анимируемый	Да

<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
  <!-- polygon is an closed shape -->
  <polygon stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
</svg>

Спецификации

Спецификация
Масштабируемая векторная графика (SVG) 2> # PolygonElementPointsAttribute>
Масштабируемая векторная графика (SVG) 2> # PolylineElementPointsAttribute>

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/points