How to Implement Adaptive Anchor Points for Links Between Nodes？

[JudyZhu45]

Introduction

I would like to implement a feature where the anchor points for the links between two nodes are determined by the intersection of the line connecting the centers of the two nodes and their respective border edges. And these anchor points should be adjusted dynamically as the nodes are moved. What would be a good way to achieve this?It appears that the currently built-in functionality places the anchor points at the center of the node borders, which results in many overlapping links.

Steps to reproduce

No response

Restrictions & Constraints

No response

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

JointJS, JointJS+

[kumilingus]

JointJS introduces the concepts of anchors and connection points. The anchor is the point on the element to which the link is logically connected, but visually, the link ends at the connection point — typically the intersection between the line and the element’s boundary. By default, the anchor is at the element’s center, and the connection point lies on its boundary. Isn't that what you're looking for?

Note that it is possible to define a custom anchor: https://docs.jointjs.com/learn/features/shapes/links/model-attributes#custom-anchor

[JudyZhu45]

Thanks for your help, I write a custom anchor to handle this question