javascript - jsplumb 创建弯曲连接

标签 javascript jquery jsplumb connector

我有一个带有状态机连接器的图表,

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

正如您在图像中看到的,绿色连接器是第二个元素的背景, 我想要像红线一样弯曲连接器(引用)..

谢谢

jsplumb diagram

最佳答案

嗯 这不是最佳解决方案,但我得到了理想结果的方法

 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 }]
                               });

关于javascript - jsplumb 创建弯曲连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25026560/

相关文章:

javascript - 如何在div内保持移动的div

javascript - jQuery 裁剪一个没有裁剪插件的图像

node.js - 检索有关ElasticSearch Node 的信息

jsplumb - 无法在 JSPlumb 中创建直线连接

javascript - 类型错误 : d is not a function in jsPlumb

javascript - 无法在 ngRepeat 中引用过滤数组 - AngularJS

javascript - 单击按钮时,Vue JS 添加 bulma 类正在加载

javascript - 检测导航至 <a name ="latest-topics"></a>

jquery 验证 future 日期

javascript - 在 PebbleJS 应用程序中使用 jQuery