Restrict Connecting Lines to Points

Hi. I am using the example of custom-components in my app.Currently i am able to connect custom-components to default components via connecting lines.But currently,the lines are being connected to every point,line is being dragged to.
Likewise,same thing is happening with lines emerging from default components to custom-components.I am attaching screen shot to describe in detailconnectingPoints_1
I need to know how i can restrict the lines emerging from custom-components and default components to attach at certain points so that lines can be attached at certain points.

Make sure your custom renderer has a getShapePath method that returns the path that represents the outline of your custom shape. This will be used for connection cropping.

1 Like