拉斐尔路径上的箭头

Question

我是 raphael.js 的新手，我正在尝试在拉斐尔路径元素上绘制箭头（或从 (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'});

有没有办法在直线的 either/both 侧包含箭头？

Answer 1

使用拉斐尔的箭头起点和箭头终点。

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

Arrow heads on raphael path