Skip to content

Main Navigationv1.22.3 Guide Examples Migration TypeDocs

Appearance

Sidebar Navigation

Classes

GlobalVueFlowStorage

VueFlowError

Enums

BackgroundVariant

ConnectionLineType

ConnectionMode

ErrorCode

MarkerType

PanOnScrollMode

PanelPosition

Position

ResizeControlVariant

SelectionMode

Functions

addEdge

applyChanges

applyEdgeChanges

applyNodeChanges

clamp

connectionExists

getBezierEdgeCenter

getBezierPath

getBoundsofRects

getConnectedEdges

getIncomers

getMarkerId

getNodesInside

getOutgoers

getRectOfNodes

getSimpleBezierPath

getSimpleEdgeCenter

getSmoothStepPath

getStraightPath

getTransformForBounds

isEdge

isGraphEdge

isGraphNode

isNode

pointToRendererPoint

rendererPointToPoint

updateEdge-1

useEdge

useGetPointerPosition

useHandle

useNode

useVueFlow

useZoomPanHelper

Interfaces

Actions

BackgroundProps

BaseEdgeProps

BezierPathOptions

Box

ConnectingHandle

Connection

ConnectionHandle

ConnectionLineOptions

ConnectionLineProps

ControlProps

CoordinateExtentRange

CustomThemeVars

DefaultEdge

DefaultEdgeTypes

Dimensions

EdgeAddChange

EdgeLabelOptions

EdgeMarker

EdgeMouseEvent

EdgePositions

EdgeProps

EdgeTextProps

EdgeUpdateEvent

FlowEvents

FlowExportObject

FlowProps

Getters

GraphNode

HandleElement

HandleProps

MarkerProps

MiniMapNodeProps

MiniMapProps

Node

NodeAddChange

NodeDimensionChange

NodeDragEvent

NodeDragItem

NodeHandleBounds

NodeMouseEvent

NodePositionChange

NodeProps

NodeRemoveChange

NodeResizerEmits

NodeResizerProps

NodeSelectionChange

NodeToolbarProps

OnConnectStartParams

OnResize

OnResizeEnd

OnResizeStart

PanelProps

Rect

ResizeControlLineProps

ResizeControlProps

ResizeParams

SelectionRect

SmoothStepPathOptions

State

TransitionOptions

UpdateNodeDimensionsParams

ValidHandleResult

ViewportFunctions

ViewportTransform

XYPosition

Types

AddEdges

AddNodes

Align

BezierEdgeProps

BezierEdgeType

CSSVars

ClassFunc

ComputedGetters

ConnectionStatus

Connector

ControlLinePosition

ControlPosition

CoordinateExtent

CustomEvent

D3Selection

D3Zoom

D3ZoomHandler

DefaultEdgeOptions

DefaultNodeTypes

Edge

EdgeChange

EdgeComponent

EdgeEventsEmit

EdgeEventsHandler

EdgeEventsOn

EdgeMarkerType

EdgeRemoveChange

EdgeSelectionChange

EdgeTypesObject

EdgeUpdatable

Element

ElementChange

ElementData

Elements

FindEdge

FindNode

FitBounds

FitBoundsOptions

FitView

FitViewParams

FlowElement

FlowElements

FlowHooks

FlowHooksEmit

FlowHooksOn

FlowOptions

GetIntersectingNodes

GetViewport

GraphEdge

HandleConnectable

HandleConnectableFunc

HandleType

HeightFunc

IsNodeIntersecting

MaybeElement

MiniMapNodeFunc

MouseTouchEvent

NodeChange

NodeComponent

NodeEventsEmit

NodeEventsHandler

NodeEventsOn

NodeTypesObject

Project

RemoveEdges

RemoveNodes

ResizeDragEvent

ResizeParamsWithDirection

SetCenter

SetCenterOptions

SetEdges

SetElements

SetNodes

SetState

SetViewport

ShapeRendering

ShouldResize

SimpleBezierEdgeProps

SmoothStepEdgeProps

SmoothStepEdgeType

SnapGrid

StepEdgeProps

StraightEdgeProps

StyleFunc

Styles

ThemeVars

ToGraphEdge

ToGraphNode

UpdateEdge

UpdateNodeDimensions

UpdateNodeInternals

UpdateNodePosition

ValidConnectionFunc

VueFlowStore

WidthFunc

XYZPosition

ZoomInOut

ZoomTo

Variables

defaultEdgeTypes-1

defaultNodeTypes-1

On this page

Table of Contents for current page

Function: getRectOfNodes

▸ getRectOfNodes(nodes): Rect

Parameters

Name	Type
`nodes`	`GraphNode`<`any`, `any`, `string`>[]

Returns

Previous pagegetOutgoers

Next pagegetSimpleBezierPath

Released under the MIT License.

Copyright © 2021-present Burak Cakmakoglu