대체 지점에서 PolyLine의 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> 

나는 적절한 마커를 생성하는 두 개의 서로 다른 SVG 폴리 라인을 사용하지 않습니다.

Answer 1

marker-start, marker-mid 및 marker-end에 의해 제공되는 거친 컨트롤 이외에 줄의 어떤 지점을 제어 할 수있는 방법이 없습니다.

SVG2의 미세 조정이 제안되었지만 지금은 도움이되지 않습니다.

유일한 해결책은 각각의 관심 지점에 대해 파일에 별도의 요소를 추가하는 것입니다.