如何绘制SVG中不是三角形的标记？

Question

例如，像这样的矩形标记

Answer 1

使用在<def>的<marker>元件。然后，您可以通过参考marker-start="url(#id)"（或使用marker-mid或marker-end）的id来在开始和结束处添加标记。您可以在标记标记内定义任何你喜欢的形状。下面的例子只是一个垂直线，就像你的例子。

<defs> 
    <marker id="marker-bar" 
      refX="0" refY="5" 
      markerHeight="20" 
      markerWidth="20" 
      viewBox="0 0 10 10" 
      orient="auto" 
      markerUnits="strokeWidth"> 
     <path stroke="#111" d="M0 0 v10"/> 
    </marker> 
</defs> 

<path stroke="#111" fill="none" 
     d="M152,172 C62,174 190,28 192,122" 
     marker-end="url(#marker-bar)"/>