为 jsPlumb 锚点添加一个偏移量

Question

我正在使用 jsplumb 来表示作业之间的依赖关系。请查看下面的 jsfiddle 以查看我目前拥有的内容。 JsFiddle

var arrow_template = {
    connector:"StateMachine",
    paintStyle:{lineWidth:3,strokeStyle:"#0060CF"},
    hoverPaintStyle:{strokeStyle:"#dbe300"},
    endpoint:"Blank",
    anchors:["Right", "Left"],
    reattach:false,
    overlays:[["PlainArrow", {location:1, width:10, length:10} ]]
};

我想向连接的左锚点添加一些水平偏移，这样它就不会越过滚动条。而是从面板边框开始。

我已经阅读了这里的 documentation for anchors 但我并不完全理解。当我尝试使用锚点设置值时，我没有得到 connections/arrows.

感谢任何帮助。

Answer 1

请参阅Anchor Offsets section:

除了提供锚点的位置和方向外，您还可以选择提供另外两个参数，用于定义距给定位置的偏移量（以像素为单位）。

因此，如果您将 anchors:["Right", "Left"], 替换为 anchors:[[1, 0.5, 0, 0, 18, 0], "Left"],，您的问题就会得到解决。

JSFiddle Demo

为 jsPlumb 锚点添加一个偏移量

Add an offset to jsPlumb anchor

jsplumb