• Each segment of a selected connector is editable with some specific handles/thumbs.

For connector editing, you have to inject the ConnectorEditing module.

End point handles in connector

3 Jan 20231 minute to read

Source and target points of the selected connectors are represented with two handles. Clicking and dragging those handles helps to adjust the source and target points.

Drag End Point Handles

  • If you drag the connector end points, then the following events can be used to do your customization.
  • When the connector source point is changed, the sourcePointChange event gets triggered.
  • When the connector target point is changed, the targetPointChange event gets triggered.
  • When you connect connector with ports/node or disconnect from it, the connectionChange event gets triggered.