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的解决方法。