在替代點創建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提出了更精細的控制，但現在對此無濟於事。

您唯一的解決方案是爲您的每個興趣點添加單獨的元素到文件中。