如何给SVG的path画线加上箭头

解决方案：
1. 先在svg中利用<defs>元素、<marker>、<path>元素  ，定义一个小箭头
<svg id="myCanvas" xmlns="http://www.w3.org/2000/svg" version="1.1">


<defs>  
   <marker id="markerArrow" markerWidth="8" markerHeight="8" refx="2" refy="5" orient="auto">  
       <path d="M2,2 L2,8 L8,5 L2,2" style="fill: #61a8e0;" />  
   </marker>  
</defs>  

  </svg>

2. 在path中，通过marker-start 、 marker-end两个属性引用已经定义好的箭头marker元素 （marker-strt属性定义在path的起点引用箭头，marker-end属性定义在path的结束点引用箭头）


<path d="M50,50 L250,50" stroke-width="2" style="fill: #61a8e0;" marker-start="url(#markerArrow)" marker-end="url(#markerArrow)"/>