Draw.io – How to Cross Over Lines in Flowchart

draw.io

enter image description here

I am drawing flow chart in draw.io, I didn't find a way cross the two lines with cross over connector as above figure. Can any one help me out?

Best Answer

as a workaround, if you need the visual element, you can create an arc as a custom shape with connection points.

It adds some extra steps to the workflow, because you have to draw lines to the connect to the arc, and then another to continue to the entity. But, you can then move the 'cross over' around and lines will stay connected.

one

after moving :

enter image description here

custom arc code:

<shape h="0.5" w="2.0" aspect="variable" strokewidth="inherit">
  <connections>
    <constraint x="0" y="1" perimeter="1"/>
    <constraint x="1" y="1" perimeter="1"/>
  </connections>
  <background>
    <path>
      <move x="0" y="0.5"/>
      <arc x="2.0" y="0.5" rx="1" ry="0.5" large-arc-flag="0" sweep-flag="1" x-axis-rotation="0"/>
    </path>
    <stroke/>
  </background>  
</shape>
Related Topic