拉斐尔路径上的箭头答案

【问题标题】：Arrow heads on raphael path拉斐尔路径上的箭头
【发布时间】：2015-06-23 06:40:22
【问题描述】：

我对 raphael.js 很陌生，我正在尝试在 raphael 路径元素上绘制一个箭头（或从 (x1,y1) 到 (x2,y2) 绘制箭头）这是我在纸上从 (x1,y1) 到 (x2,y2) 绘制的拉斐尔路径（线）。假设 x1,y1,x2 和 y2 都有期望值。

var arrow = paper.path("M"+x1+","+y1+"L"+x2+","+y2);
arrow.attr({stroke:'red'});

有没有办法在线条的任一侧/两侧都包含箭头？

【问题讨论】：

【解决方案1】：

使用拉斐尔的箭头开始和箭头结束。

arrow.attr({
    "arrow-start":"classic-wide-long",
    "arrow-end":"classic-wide-long"
}):

【讨论】：