箭头未显示在jsplumb连接中

时间:2013-07-22 03:45:58

标签: javascript jsplumb

我使用jsplumb在div块之间创建了一个连接。我想在连接线的顶部添加箭头。现在箭头没有显示出来。我根本不知道。

有什么想法箭头没有显示出来吗?有什么事吗?非常感谢。

` HTML: 的 ABC

XYZ

CSS:

window20 {TOP:10em;左:10em;宽度:8em;}

window21 {TOP:26em;左:10em;宽度:8em;}

使用Javascript: jsPlumb.connect({                 来源:“window20”                 目标:“window21”                 锚点:[“Bottom”,“Top”],                 连接器:“直”,                 endpointsOnTop:真实,                 覆盖:“箭”]             });

`

2 个答案:

答案 0 :(得分:1)

尝试这样的事情

jsPlumb.bind('connection', function (e) {
        jsPlumb.select(e).addOverlay(["Arrow", { foldback: 0.2, location: 0.65, width: 25 }]);
});

答案 1 :(得分:0)

试试这个。它的工作代码目前正在使用。祝一切顺利 :-) jsPlumb.bind("jsPlumbConnection", function(e) { jsPlumb.select(e).addOverlay([ "Arrow", { foldback:0.2, location:0.75, width:25 } ]); });