Элемент SVG polyline определяет набор соединенных отрезков прямых линий. Как правило polyline – это незамкнутые формы, то есть начало первой и конец последней линии не совпадают.
|
1 2 |
<polyline stroke="red" stroke-width="3px" fill="none" points=" 10,40 100,40 40,60 140,60 120,45 120,75 140,60" /> |
Цифры внутри параметра points=”10,40 100,40″ разделены пробелами на группы. Внутри группы первая цифра – это координата “x”, вторая цифра после запятой – это координата “y”. Первая группа цифр определяет координаты начала первой линии, вторая группа определяет конец первой линии и одновременно начало второй линии и т.д.
Рис.1Рис.2
|
1 2 |
<polyline stroke="red" stroke-width="3px" fill="black" points=" 50,80 140,80 80,100 180,100 160,85 160,115 180,100" /> |