Rappid（JointJS？）中的鏈接箭頭設計

Question

我使用Rappid開發圖表，並且需要修改默認箭頭，使其看起來像圖片中的第一個和第三個（「One」和「One（和只有一個）「）：

我能得到最好的給我這個雖然：

有要麼是空的空間或者線條太接近了尾聲.. 。我承認我已經研究過SVG d路徑，我仍然禁止理解他們。這些都是我用兩個：

M56 0 L56 16 L54 16 L46 16 L46 0 L48 0 L48 16 L54 16 L54 0

M56 0 L56 16 L54 16 L24 16 L54 16 L54 0

Answer 1

鏈接箭頭自動翻譯和JointJS（joint.dia.linkView）自動導向。它確保線條始終在箭頭邊界開始/結束，即不能強制線條穿過箭頭。

您可以通過將缺失的線段添加到箭頭路徑本身來欺騙。

'M 0 -10 L0 10 M 0 0 L-10 0' 

另一種選擇是使用SVGMarker代替。請參閱JSFiddle演示，其中還包括IE bug的解決方法。