Skip to main content

Home > @jsplumbtoolkit/connector-orthogonal > OrthogonalConnector

OrthogonalConnector class#

An orthogonal connector. In the Community edition this connector was/is known as the Flowchart connector. The Orthogonal connector behaves like the Flowchart connector but is editable, ie. it is possible to supply the segments for the connector's path, and also to edit the path interactively with the mouse with the @jsplumbtoolkit/connector-editors-orthogonal package.

Signature:

export declare class OrthogonalConnector extends AbstractConnector 

Extends: AbstractConnector

Constructors#

ConstructorModifiersDescription
(constructor)(connection, params)Constructs a new instance of the OrthogonalConnector class

Properties#

PropertyModifiersTypeDescription
alwaysRespectStubsboolean
connectionConnection
cornerRadiusnumber
geometryInternalOrthogonalConnectorGeometry
isLoopbackCurrentlyboolean
lastOrientationnumber
lastxnumber
lastynumber
loopbackRadiusnumber
midpointnumber
orthogonalSegmentsArray<OrthogonalSegment>
slightlyWonkyboolean
supportLegacyConnectorDataboolean
typestring
typestaticstring

Methods#

MethodModifiersDescription
_compute(paintInfo, params)
exportGeometry()This connector exports the source/target points as source and target respectively, as well as an array labelled segments, which is the list of corner points. There are, therefore, n+1 segments in a geometry whose segments array contains n entries.
getDefaultStubs()
importGeometry(geometry)
setAnchorOrientation(idx, orientation)
setSegmentPosition(segment, pos)
writeSegments(segments, paintInfo)