Skip to main content

Home > @jsplumbtoolkit/connector-editors

connector-editors package

Classes

ClassDescription
EdgePathEditorEditor for edge paths. Currently support Bezier, StateMachine and Orthogonal connectors. Don't instantiate one of these directly - use the newInstance(surface:Surface) from this module instead.

Functions

FunctionDescription
_makeAndAppendHandle(x, y, _jsPlumb, clazz, visible)
_makeHandle(x, y, clazz, visible)
findClosestPoint(pos, constrainRect, locations)Find the closest point out of locations to the given point on the given constraining rectangle.
newInstance(surface, options)Creates a new path editor attached to the given surface.
relocateContinuousAnchor(anchor, ep, pos, dragEl, constrainRect, elementSize, idx, connector, instance)
relocateDynamicAnchor(anchor, ep, pos, dragEl, constrainRect)Relocate the given dynamic anchor according to the given proximity of pos to each of the anchor's supported locations. the face is changed on the anchor itself (and the anchor is locked), and in this case we simply return the current value of pos, meaning the user sees the drag proxy under the mouse cursor, which is probably not where the anchor is now positioned, but it makes for a better UX. on drag stop, for all anchor types, the anchor proxy is relocated to the current value.
supports(type)

Interfaces

InterfaceDescription
ConnectorEditorOptions
Geometry

Variables

VariableDescription
ABSOLUTE
ANCHOR_PLACEHOLDER_SELECTOR
ATTR_ANCHOR_FACE
BLOCK
BOTTOM
CLASS_ANCHOR_CANDIDATE
CLASS_ANCHOR_PLACEHOLDER
CLASS_CONNECTION_EDIT
CLASS_EDGE_DELETE_BUTTON
editors
EVT_CLEAR_CONNECTION_EDITS
EVT_START_CONNECTION_EDIT
EVT_STOP_CONNECTION_EDIT
EVT_ZOOM
LEFT
NONE
PX
RIGHT
TOP

Type Aliases

Type AliasDescription
ClosestPointCandidate