Markers for Circle, as path

by Nivaldo

HTML

<svg><g transform="translate(20)" <defs>
  <marker id="markerSquare" markerWidth="7" markerHeight="7" refx="4" refy="4"
          orient="auto">
      <rect x="1" y="1" width="5" height="5" style="stroke: none; fill:steelblue;"/>
  </marker>

  <marker id="markerArrow" markerWidth="13" markerHeight="13" refx="2" refy="7"
          orient="auto">
      <path d="M2,2 L2,13 L8,7 L2,2" style="fill: steelblue;" />
  </marker>
</defs>

<path 
        d="
        M 100, 100
        m -75, 0
        a 75,75 0 1,0 150,0
        a 75,75 0 1,0 -150,0
        "
      style="stroke: steelblue; stroke-width: 5px; fill: lightsteelblue;
                   marker-start: url(#markerSquare);
                   marker-end: url(#markerArrow);"
        />
</g></svg>