Node Selection Resizing Demo
This demo shows how to implement resizing handles for a selection of nodes. When multiple
nodes are selected, dragging the reshape handles will resize the selection as a whole.
This demo supports two modes:
Scales the selected items uniformly by scaling both the locations and the node sizes.
Scales the item locations while preserving node sizes.
Things to Try
- Select a single item to get the default move and resize behavior.
and drag the handles to resize the selection.
Hold down the
key while resizing to preserve the aspect ratio. Hold down the
key to resize around the center. You can do both at the same time.
- Switch between the two resize modes in the toolbar to see their effect.
orthogonal edge editing
in the toolbar to see how it affects bend movement.
in the toolbar to let the selected nodes snap to other items in the graph.
Make the selection rectangle very small or very large to see how resizing respects
This feature is implemented as custom
that can be added to a