怎样绘制这种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

回答

相关问题