Home/ Questions/Q 8345627
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T06:44:34+00:00

For example, like this rectangle marker

  • 0

For example, like this rectangle marker

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use the <marker> element in a <def>. You can then add markers at the start and end by referring to its id with marker-start="url(#id)" (or use marker-mid or marker-end). You can define whatever shape you like within the marker tag. The example below is just a vertical line as in your example. 

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