创建带有圆圈和路径的SVG标记

Question

我的应用程序中有一些图形（使用d3.js库），我想添加特殊标记，看起来像圆形和箭头内部（简而言之：带有圆形和彩色背景的箭头）。

我读到我不能在我的圆圈标签之间做一条路径， 那我怎么能处理这个问题呢？

def depth(person):
    if not children(person):
        return 1
    for child in children(person):
        a = depth(child)
        if a!= None:
            return a + 1

我需要什么：

Answer 1

标记内部可以包含多个元素。

＆＃13;

＆＃13;

<svg>
  <defs>
    <marker id="circle1" markerWidth="8" markerHeight="8"
            refX="5" refY="5" orient="auto">
      <circle cx="5" cy="5" r="3" fill="black"/>
      <circle cx="5" cy="5" r="2" fill="white"/>
      <path d="M 4,3.5 L 6.5,5 L 4,6.5 Z" fill="black"/>
    </marker>
  </defs>
  
  <line x1="50" y1="120" x2="250" y2="50" stroke="black" stroke-width="5"
        marker-end="url(#circle1)" />
</svg>

＆＃13;

＆＃13;

＆＃13;