在canvas中绘制箭头

canvas中没有提供绘制箭头的函数，需要自己手动绘制，幸好箭头并不复杂，简单来说箭头由三条线段组成，如下图所示，线段AB、BC和BD，关键在于在给定端点A和B的坐标情况下，如何计算点C和D的坐标。

 这里有两个思路可供参考，如下

思路一，利用线段

 

首先，在线段AB上确定一个点P，接着经过P点画一条直线与AB垂直，最后在直线P点两端确定C和D点。

确定P点坐标，利用三角形相似得，

 

计算得P的横坐标xp = xb - (xb-xa)*|BP|/|BA|，同样纵坐标yp = yb - (yb-ya)*|BP|/|BA|。

 确定直线CD，直线CD垂直于AB，所以&#x