創建帶圓圈和路徑的SVG標記

我在我的應用中使用了一些圖（使用d3.js庫），並且我想添加特殊標記，它看起來像圓圈和裏面的箭頭（簡而言之：箭頭與圓形和彩色背景）。創建帶圓圈和路徑的SVG標記

我看過，我不能真正做我的圈子標籤，之間的路徑，所以我該如何處理這個問題？

<defs> 
    <marker id="circle1" markerWidth="8" markerHeight="8" refX="5" refY="5"> 
     <circle cx="5" cy="5" r="3"></circle> 
    </marker> 
</defs>

我需要什麼：

來源

2016-12-12 Chenko47

添加路徑作爲圓的兄弟。不知道我完全理解你的問題在這裏。 –

標記能夠在其內部都有一個以上的元素。

<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>

來源

2016-12-13 13:36:29

創建帶圓圈和路徑的SVG標記

回答

相關問題