Anchors and Bends

Explicit Anchors

Anchor connection preview

<frame width="360" height="160" margin="24" layout="horizontal" gap="120" align="middle-center">
  <rectangle id="web" title="web" width="80" height="48" />
  <rectangle id="app" title="app" width="80" height="48" />
  <connection src="web" dst="app"
              src-anchor="right-3"
              dst-anchor="left-3" />
</frame>

For a cross-frame page link, src-frame-side / dst-frame-side and src-frame-anchor / dst-frame-anchor select the invisible outer page side and its tangent slot independently from the item anchor. The actual terminal moves only along the inward normal to a parallel inset line: resolved metadata row-gap, or 4 layout pixels without metadata; zero remains on the outer edge. The complete cross-frame page-link example demonstrates different endpoint and page-edge sides at both ends.

Manual Bends

Manual bend preview

<frame width="360" height="200" margin="24" layout="horizontal" gap="120" align="middle-center">
  <rectangle id="web" title="web" width="80" height="48" />
  <rectangle id="db" title="db" width="80" height="48" />
  <connection src="web" dst="db" grid="8">
    <bend x="180" y="64" />
    <bend x="180" y="136" />
  </connection>
</frame>

Keyboard shortcuts

xaligo Documentation

Anchors and Bends

Explicit Anchors

Manual Bends