jsPlumb：粗箭头？

Question

我想要 jsPlumb 中的粗箭头，尖端漂亮。

这就是我想要的：

这是我得到的：

如何更改设置？

这是我目前使用的：

PaintStyle: { stroke: "#f00", strokeWidth: 20 },
connector: ["Straight"],
connectorOverlays:[["Arrow", { location:1, width:70, length:70 } ]]

我以前一直在 SVG 中使用箭头。在那里，我可以简单地更改要向前移动的头部的 SVG 代码，以便线的末端（线端点的坐标）位于箭头三角形内。我似乎无法在 jsPlumb 中执行此操作。

我发现这个问题很难传达。

这是下一次尝试：

Answer 1

将位置设置为 0.99 实际上对我有用。试试这个：

PaintStyle: { stroke: "#f00", strokeWidth: 20 },
connector: ["Straight"],
connectorOverlays:[["Arrow", { location:0.99, width:70, length:70 } ]]

Answer 2

这可能行得通。请尝试一下

connector: ["StateMachine", {curviness:0.001}],
connectorOverlays:[
  [
    "Arrow", 
    { location: [0.5, 0.5], width: 70, length: 70 } 
  ]
]

查看此网页中的叠加层位置部分 https://jsplumbtoolkit.com/community/doc/overlays.html#adding

Answer 3

到目前为止，我通过查看 github 猜测这没有解决方案，它仍然是 open issue。问题于 2014.

打开

一种解决方案是对库本身进行黑客攻击，以向箭头对象添加边距或填充类型 属性。

更新：

我试图在图书馆中弄明白。请参见下图，它正在执行一些数学计算。如果你擅长，调整一下就大功告成了！

extents 是这里的用户：

更新2：

尝试如下所示的位置数组：（演示：http://jsfiddle.net/crerhawn/）

["Arrow", { location:[0.5,0.5], width:70, length:70 } ]