Connection behavior


the connection line path between objects are quite Arbitrary,in most case ,it is not effective.
I want to restricted

  1. the connection point on object to middle top/left/right/bottom
  2. limit the line angle
    3.some action to make the line as “straight line”

any tips ? thanks


Hello @Havid_Zheng,

we base our “auto layouting” on a manhattan style algorithm. If this doesn’t work for you, you can implement your own. Check how the manhattan layout is implemented here and how we plug it in in bpmn-js here.



@ricardomatias thanks a lot. this is what I want