সিএসএস marker-mid

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
path {
  fill: none;
  stroke: black;
  stroke-width: 3;
  marker-mid: url(#circle);
}
</style>
</head>
<body>

<svg width="300" height="150">

  <defs>
    <marker id="circle"
      markerWidth="10"
      markerHeight="10"
      refX="5"
      refY="5">
      <circle cx="5" cy="5" r="4"></circle>
    </marker>
  </defs>

  <path d="M30 100 L100 30 L170 100 L240 30"></path>

</svg>

</body>
</html>