Как добавить элементы на начало и конец svg?

Question

[Messi]

Здравтсвуйте! Подскажите, пожалуйста:
Например, есть svg в котором нарисована линия.

<svg><path d="M371,689L371,583L516,583L698,583L698,520L506,520L506,557L575,557L575,531L623,531L623,567L494,567L373,567L373,343L471,343L471"></path></svg>

Как можно добавить в идеале (div) или другой элемент(чтобы можно было добавить css на него) отдельно на начало линии и отдельно на конец?

Comments

[Ankhena]

Зачем div?

Как можно добавить

Нарисовать в редакторе или дописать руками нужные "фигурки" (rect, polygon, circle, ellipse, line, polyline, path)

[Messi]

Ankhena, а как определить конец линии?

[Ankhena]

Messi, по координатам
css.yoksel.ru/svg-path

Answer 1

[Максим Тимофеев]

У Вас есть координаты, вот и отрисуйте другой svg там.

Answer 2

[forspamonly2]

маркеры добавить. и прописать marker-start / marker-end

https://developer.mozilla.org/en-US/docs/Web/SVG/E...