gpt4 book ai didi

location - jsPlumb 编辑端点位置

转载 作者:行者123 更新时间:2023-12-03 06:38:56 26 4
gpt4 key购买 nike

使用 jsPlumb 处理项目时,我将静态连接器设置为两个 map 标记。 jsplumb 连接器的端点出现在 map 标记图像上方,而我希望它们出现在下方。

在 jsplumb javascript 库中,我可以从哪里编辑端点的计算位置?

最佳答案

设置端点 anchor 位置的一种方法是使用 jsPlumb 默认值:

jsPlumb.importDefaults({
PaintStyle : {lineWidth:1,strokeStyle:color2},
Connector: ["Straight"],
Anchor:"Continuous" // dymamically nearest position will be considered for endpoint
//OR
Anchor:["Top","Bottom"] // only top or bottom center whichever is near will be considered as endpoints
//OR
Anchor:["Left","Right"] // similarly left or right center will be considered
});

也可以在连接时声明为:

jsPlumb.connect({
source:someDiv,
target:someOtherDiv,
anchors:["Bottom", "Continuous"] // Bottom nearest point will be considered
});

对于 makeTarget 和 makeSource 声明为:

jsPlumb.makeSource(someDiv, {
anchor:"Continuous",
paintStyle:{ fillStyle:"red" }
});

或者在添加端点时声明为:

jsPlumb.addEndpoint(someDiv, {
anchor:"Continuous",
paintStyle:{ fillStyle:"red" }
});

关于location - jsPlumb 编辑端点位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25806167/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com