jsPlumb:胖箭?

Swi*_*ter 5 javascript jsplumb

我想在jsPlumb中使用一个很棒的箭头.

这就是我要的:
在此输入图像描述

这就是我得到的:
在此输入图像描述

如何更改设置?

这是我目前使用的:

PaintStyle: { stroke: "#f00", strokeWidth: 20 },
connector: ["Straight"],
connectorOverlays:[["Arrow", { location:1, width:70, length:70 } ]]
Run Code Online (Sandbox Code Playgroud)

我以前一直在使用SVG中的箭头.在那里,我可以简单地改变头部的SVG代码向前移动,使得线的末端(线端点的坐标)在箭头三角形内.我似乎无法在jsPlumb中执行此操作.

我觉得很难传达这个问题.

这是下一个尝试: 在此输入图像描述

Vax*_*dze 2

将位置设置为 0.99 实际上对我来说很有效。尝试这个:

PaintStyle: { stroke: "#f00", strokeWidth: 20 },
connector: ["Straight"],
connectorOverlays:[["Arrow", { location:0.99, width:70, length:70 } ]]
Run Code Online (Sandbox Code Playgroud)