简体   繁体   English

jsplumb创建弯曲的连接

[英]jsplumb create curved connection

I have a diagram with state machine connectors, 我有一个带有状态机连接器的图,

instance.connect(
                               {
                                   source: "estadoDg-1" ,
                                   target: "estadoDg-2" ,
                                   //connector: ["StateMachine", { proximityLimit: 0, curviness: -46 }]
                               });

As you can see in the image green connector is background of second element, I want to curve connector like red line (ref).. 正如您在图像中看到的,绿色连接器是第二个元素的背景,我想弯曲连接器,如红线(ref)。

thanks 谢谢

jsplumb图

well it's not optimal solution, but I get a approach of desire result 好吧,这不是最佳解决方案,但是我得到了一种渴望结果的方法

 instance.connect(
                               {
                                   source: "estadoDg-" + datos[i].idEtapa,
                                   target: "estadoDg-" + datos[j].idEtapa,
                                   connector: ["Bezier", { curviness: 30 }]                                   
                                   //connector: ["StateMachine", { proximityLimit: 0, curviness: -46 }]
                                   //connector: ["Flowchart", { minStubLength: 40 }]
                               });

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM