HTMLGraph | Canvas

Add Edge

Adds an edge between two ports on the canvas.

    
canvas.addEdge({
  id: &#34;edge-1&#34;,
  from: &#34;port-1&#34;,
  to: &#34;port-2&#34;,
})

All available parameters are demonstrated in the following example:

    
import { BezierEdgeShape } from &#34;@html-graph/html-graph&#34;;

canvas.addEdge({
  id: &#34;edge-1&#34;,
  from: &#34;port-1&#34;,
  to: &#34;port-2&#34;,
  shape: new BezierEdgeShape(),
  priority: 5,
})

Parameters:

Name	Type	Description	Required	Default
id	any	Unique identifier for the edge	no	autogenerated
from	any	Identifier of the source port	yes
to	any	Identifier of the target port	yes
shape	EdgeShape	Shape of the edge	no	`BezierEdgeShape`
priority	number	Z-index of the edge	no	0