Skip to main content

LineCrossingsPlugin

Adds visual artifacts ("bridges") to the canvas at the locations where two orthogonal segments intersect. As of the first release, this plugin will only work with Orthogonal connectors (or Straight connectors with 'orthogonal' constrain set).

Three bridge types are supported: "arch" (the default), "gap" and "dot". For dot bridges you can supply a dot radius and fill colour to use, or VisuallyJs will just use the stroke from the dominant connector at the intersection.

The plugin has the concept of "orientation": which axis to apply updates to segments in. "h" - horizontal - is the default, and in this orientation VisuallyJs will add bridges to the horizontal segment at an intersection. You can set orientation to "v" to switch to vertical.

Extends

Methods

$edgeRemoved()

$edgeRemoved(edge): void

Invoked when an edge has been removed

Parameters

edge

Edge

Returns

void

Overrides

BaseBrowserUIPlugin.$edgeRemoved


$edgeRendered()

$edgeRendered(p): void

Invoked when an edge has been initially rendered. Only fired once for each edge.

Parameters

p

ConnectionEstablishedParams

Returns

void

Overrides

BaseBrowserUIPlugin.$edgeRendered


$edgeUpdated()

$edgeUpdated(edge): void

Invoked when an edge has been updated

Parameters

edge

Edge

Returns

void

Inherited from

BaseBrowserUIPlugin.$edgeUpdated


$groupCollapsed()

$groupCollapsed(element): void

Empty implementation of $groupCollapsed

Parameters

element

ViewportGroupElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$groupCollapsed


$groupExpanded()

$groupExpanded(element): void

Empty implementation of $groupExpanded.

Parameters

element

ViewportGroupElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$groupExpanded


$groupMemberAdded()

$groupMemberAdded(element): void

Empty implementation of $groupMemberAdded.

Parameters

element

ViewportElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$groupMemberAdded


$groupMemberRemoved()

$groupMemberRemoved(element): void

Empty implementation of $groupMemberRemoved.

Parameters

element

ViewportElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$groupMemberRemoved


$groupRemoved()

$groupRemoved(element): void

Empty implementation of $groupRemoved.

Parameters

element

ViewportGroupElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$groupRemoved


$groupResized()

$groupResized(params): void

Empty implementation of $groupResized.

Parameters

params

GroupResizeResult<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$groupResized


$nodeRemoved()

$nodeRemoved(element): void

Empty implementation of $nodeRemoved.

Parameters

element

ViewportElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$nodeRemoved


$vertexRerendered()

$vertexRerendered(p): void

Empty implementation of $vertexRerendered.

Parameters

p
el

BrowserElement

id

string

size

Size

vertex

Vertex

Returns

void

Inherited from

BaseBrowserUIPlugin.$vertexRerendered


$vertexResized()

$vertexResized(element, width, height): void

Empty implementation of $vertexResized

Parameters

element

ViewportElement<BrowserElement>

width

number

height

number

Returns

void

Inherited from

BaseBrowserUIPlugin.$vertexResized


$vertexRotated()

$vertexRotated(element, rotation): void

Empty implementation of $vertexRotated.

Parameters

element

ViewportElement<BrowserElement>

rotation

number

Returns

void

Inherited from

BaseBrowserUIPlugin.$vertexRotated


$vertexSynced()

$vertexSynced(element): void

Empty implementation of $vertexSynced

Parameters

element

ViewportElement<BrowserElement>

Returns

void

Inherited from

BaseBrowserUIPlugin.$vertexSynced


$vertexUpdated()

$vertexUpdated(element, reason): void

Empty implementation of $vertexUpdated

Parameters

element

ViewportElement<BrowserElement>

reason

VertexUpdatedReason

Returns

void

Inherited from

BaseBrowserUIPlugin.$vertexUpdated