如何在SVG中绘制非三角形的标记？_Svg

如何在SVG中绘制非三角形的标记？

svg

如何在SVG中绘制非三角形的标记？,svg,Svg,例如，像这个矩形标记在中使用元素。然后，您可以通过使用marker start=“url（#id）”引用其id（或使用marker mid或marker end），在开始和结束处添加标记。可以在标记标记中定义所需的任何形状。下面的示例与您的示例一样，只是一条垂直线 <defs> <marker id="marker-bar" refX="0" refY="5" markerHeight="20"

例如，像这个矩形标记

在

中使用

元素。然后，您可以通过使用

marker start=“url（#id）”

引用其id（或使用marker mid或marker end），在开始和结束处添加标记。可以在标记标记中定义所需的任何形状。下面的示例与您的示例一样，只是一条垂直线

<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)"/>