Is it possible to implement Visio-like automatic link connection in JointJS?

[Tetsu-hub]

Introduction

In Microsoft Visio, when a user drag the link near a element on the paper, the link automatically detects the nearby element and snaps to it, establishing a connection between the source and the target.

I would like to reproduce this behavior in JointJS. Specifically, I want links to automatically connect to the closest element when drawn near it, just like in Visio.

Is it possible to implement such functionality in JointJS? If so, what approach or APIs should I use?

Any advice or examples would be appreciated.

Steps to reproduce

No response

Restrictions & Constraints

The solution must work with the JointJS+ library.

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS+

[zbynekstara]

Hi Tetsu-hub,

You can achieve this with the snapLinks option on Paper (https://docs.jointjs.com/api/dia/Paper/#snaplinks), like this:

const paper = new dia.Paper({
    // ...
    snapLinks: { radius: 50 }
});

[Tetsu-hub]

Thank you for your prompt reply.

I apologize for not reading the great document carefully.
Your support is really helpful.

Thank you again.