Class. Polyline Edge View With Gaps on Intersections

protected skipOffsetAfter: number = 3

Defined in: packages/sprotty/src/graph/views.tsx:291

JumpingPolylineEdgeView.skipOffsetAfter

protected skipOffsetBefore: number = 3

Defined in: packages/sprotty/src/graph/views.tsx:290

JumpingPolylineEdgeView.skipOffsetBefore

protected createGapPath(intersectionPoint, lineSegment): string

Defined in: packages/sprotty/src/graph/views.tsx:301

Point

PointToPointLine

string

JumpingPolylineEdgeView.createGapPath

protected createJumpPath(intersectionPoint, lineSegment): string

Defined in: packages/sprotty/src/graph/views.tsx:251

Point

PointToPointLine

string

JumpingPolylineEdgeView.createJumpPath

protected getIntersectionsSortedBySegmentDirection(lineSegment, intersectingPoint): Intersection[]

Defined in: packages/sprotty/src/graph/views.tsx:200

Returns the intersections sorted by the direction of the lineSegment.

The coordinate system goes from left to right and top to bottom. Thus, x increases to the right and y increases downwards.

We need to draw the intersections in the order of the direction of the line segment. To draw a line pointing north, we need to order intersections by Y in a descending order. To draw a line pointing south, we need to order intersections by Y in an ascending order.

PointToPointLine

IntersectingRoutedPoint

Intersection[]

JumpingPolylineEdgeView.getIntersectionsSortedBySegmentDirection

protected getLineSegment(edge, intersection, args?, segments?): PointToPointLine

Defined in: packages/sprotty/src/graph/views.tsx:236

SRoutableElementImpl

Intersection

IViewArgs

Point[]

PointToPointLine

JumpingPolylineEdgeView.getLineSegment

protected getOtherLineSegment(currentEdge, intersection, args?): undefined | PointToPointLine

Defined in: packages/sprotty/src/graph/views.tsx:242

SEdgeImpl

Intersection

IViewArgs

undefined | PointToPointLine

JumpingPolylineEdgeView.getOtherLineSegment

protected intersectionPath(edge, segments, intersectingPoint, args?): string

Defined in: packages/sprotty/src/graph/views.tsx:164

Returns a path that takes the intersections into account by drawing a line jump or a gap for intersections on that path.

SEdgeImpl

Point[]

IntersectingRoutedPoint

IViewArgs

string

JumpingPolylineEdgeView.intersectionPath

isVisible(model, route, context): boolean

Defined in: packages/sprotty/src/features/routing/views.ts:30

Check whether the given model element is in the current viewport. Use this method in your render implementation to skip rendering in case the element is not visible. This can greatly enhance performance for large models.

Readonly<SRoutableElementImpl>

Point[]

RenderingContext

boolean

JumpingPolylineEdgeView.isVisible

render(edge, context, args?): undefined | VNode

Defined in: packages/sprotty/src/graph/views.tsx:67

Readonly<SEdgeImpl>

RenderingContext

IViewArgs

undefined | VNode

JumpingPolylineEdgeView.render

protected renderAdditionals(edge, segments, context): VNode[]

Defined in: packages/sprotty/src/graph/views.tsx:114

SEdgeImpl

Point[]

RenderingContext

VNode[]

JumpingPolylineEdgeView.renderAdditionals

protected renderDanglingEdge(message, edge, context): VNode

Defined in: packages/sprotty/src/graph/views.tsx:119

string

SEdgeImpl

RenderingContext

VNode

JumpingPolylineEdgeView.renderDanglingEdge

protected renderJunctionPoints(edge, route, context, args): any

Defined in: packages/sprotty/src/graph/views.tsx:89

Readonly<SEdgeImpl>

RoutedPoint[]

RenderingContext

undefined | IViewArgs

any

JumpingPolylineEdgeView.renderJunctionPoints

protected renderLine(edge, segments, context, args?): VNode

Defined in: packages/sprotty/src/graph/views.tsx:144

SEdgeImpl

Point[]

RenderingContext

IViewArgs

VNode

JumpingPolylineEdgeView.renderLine

protected shouldDrawLineGapOnIntersection(currentLineSegment, otherLineSegment): boolean

Defined in: packages/sprotty/src/graph/views.tsx:297

Whether or not to draw a line gap on an intersection for the currentLineSegment. This should usually be inverse of shouldDrawLineJumpOnIntersection().

PointToPointLine

PointToPointLine

boolean

JumpingPolylineEdgeView.shouldDrawLineGapOnIntersection

protected shouldDrawLineJumpOnIntersection(currentLineSegment, otherLineSegment): boolean

Defined in: packages/sprotty/src/graph/views.tsx:293

Whether or not to draw a line jump on an intersection for the currentLineSegment. This should usually be inverse of shouldDrawLineGapOnIntersection().

PointToPointLine

PointToPointLine

boolean

JumpingPolylineEdgeView.shouldDrawLineJumpOnIntersection