@joint/react
    Preparing search index...

    Interface LinkRoutingStraightOptions

    Options for linkRoutingStraight.

    The inherited mode and straightWhenDisconnected options have no effect on straight routing; they apply only to linkRoutingOrthogonal and linkRoutingSmooth.

    interface LinkRoutingStraightOptions {
        cornerRadius?: number;
        cornerType?: "line" | "point" | "cubic" | "gap";
        markerSelector?: string;
        mode?: LinkMode;
        perpendicular?: boolean;
        sourceOffset?: number;
        straightWhenDisconnected?: boolean;
        targetOffset?: number;
    }

    Hierarchy

    • BaseLinkOptions
      • LinkRoutingStraightOptions
    Index

    Properties

    cornerRadius? cornerType? markerSelector? mode? perpendicular? sourceOffset? straightWhenDisconnected? targetOffset?

    Properties

    cornerRadius?: number

    Corner radius at vertices, in px.

    0
    cornerType?: "line" | "point" | "cubic" | "gap"

    Corner style applied at manual vertices.

    'point'
    markerSelector?: string

    The attrs selector that holds the marker definitions.

    'line'
    mode?: LinkMode

    Which side of an element or port each link end attaches to; see LinkMode for how each value behaves.

    'auto'
    perpendicular?: boolean

    Anchor links perpendicular to the element edge instead of at its center.

    false
    sourceOffset?: number

    Offset (in px) applied to the connection point at the source end.

    0
    straightWhenDisconnected?: boolean

    Fall back to a straight line while either end is still unconnected (e.g. mid-drag).

    true
    targetOffset?: number

    Offset (in px) applied to the connection point at the target end.

    0

    Settings

    Member Visibility

    On This Page

    Properties