SVG marker-mid on specific point on path

Question

I got some code that generates pathes on canvas. the path objects looks similar to this :

Answer 1

sometimes its not so easy to split the path at any point you like. Then you can use text on a path with startOffset to position an "arrow" at any point on a path...

path {
  fill: none;
  stroke: red;
  stroke-width: 3
}
text {
  font-size: 35px;
  fill: red;
  dominant-baseline: central
}