怎樣繪製這種SVG

我的工作在別人的代碼，有沒有與他們聯繫的方式，並在這裏是我的問題：怎樣繪製這種SVG

<g 
     ng-attr-transform="translate({{node.width-18}}, 0) scale(0.6)" 
     ng-mouseover="showArrowMenuTooltip($event, node);" 
     ng-click="showArrowMenuTooltip($event, node);" 
     ng-mouseleave="hideArrowMenuTooltip($event);" 
     ng-attr-class="{{'flowchart-arrow-show-'+node.activity.act_task +' flowchart-arrow-set'}}"> 
     <!--Circle--> 
     <path 
      class="flowchart-arrow-circle" 
      d="M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z" 
     ></path> 
     <!--Arrow--> 
     <path 
      class="flowchart-arrow" 
      d="M13.665,25.725l-3.536-3.539l6.187-6.187l-6.187-6.187l3.536-3.536l9.724,9.723L13.665,25.725z" 
     ></path> 
     </g>

這是繪製箭頭與SVG標籤裏面的一些代碼我的問題是，假設我想畫一個解釋標記，我該怎麼做？

我確定d="M13...部分不是手動編寫的，但我無法在網上找到任何有助於解決問題的文檔或工具。

來源

2016-11-29 anar daras

爲什麼你不穀歌「svg路徑d」。有[很多工具]（https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Tools_for_SVG）。 – jediz

你所追求的是一個'Path'元素。

檢查上述文件出：

https://www.w3.org/TR/SVG/paths.html#PathData

的路徑，將通過包括含有 d一個 '路徑' 元素= 「（路徑數據）」屬性，其中 'd' 定義屬性包含moveto，line，curve（立方和二次Bézier），arc和關閉路徑指令。

示例triangle01指定三角形形狀的路徑。（M 指示moveto，Ls指示linetos，並且z指示關閉路徑）。

來源

2016-11-29 00:29:33

怎樣繪製這種SVG

回答

相關問題