How to add elements to the beginning and end of svg?

Question

SVG

Hello! Tell me, please:
For example, there is an svg in which a line is drawn.

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

How can I ideally add (div) or another element (so that you can add css to it) separately at the beginning of the line and separately at the end?

Answer 1

You have the coordinates, so draw another svg there.

Answer 2

add markers. and write marker-start / marker-end
https://developer.mozilla.org/en-US/docs/Web/SVG/E...