---
source: https://www.jointjs.com/demos/fixed-connection-points
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/fixed-connection-points/README.md
generated: 2026-04-08
format: plaintext
---

JointJS+: Fixed Connection Points <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

Various configurations are available for link management in different software. A typical method in diagramming tools involves placing several connection points around the perimeter of an element. This allows users to form links solely from these points, with the link targets also restricted to these specific points. This strategy streamlines the interface and aids in creating parallel links between elements, for example. For implementing this in JointJS, incorporating ports into your models is an option. However, an alternative and effective approach is to manage it at the logical level using link anchors, a custom highlighter, and some mathematics. Experience this technique in the demo app below.

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot