javascript - 代替ポイントでポリラインの SVG マーカーを作成します。(ステップカーブ)

Question

ステップ カーブとしてポリラインを作成しています。ステップの行の両端ではなく、重要なポイントにマーカーを配置する必要があります。どうすればこれを達成できますか?

            <polyline points="0,0 140,125 160,140 180,220 220,240 300,280 400,450    500,500 900,900"
                      style="fill: none;" 
                      stroke="blue"
                      stroke-width="5" 
                      marker-start="url(#point)" 
                      marker-mid="url(#point)" 
                      marker-end="url(#point)"
                      clip-path="url(#clip)" />
            <defs>
                <marker id="point" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="10" markerheight="10"
                    orient="auto" markerUnits = "userSpaceOnUse">
                    <circle cx="5" cy="5" r="1" stroke="red" stroke-width="1" fill="black">
                    </circle>
                </marker>
            </defs>
        </g>

2 つの異なる SVG ポリラインを使用して適切なマーカーを作成したくありません。