Group
Group nodes and manipulate them
The Group node is a container for organizing multiple nodes into a single, movable and transformable unit. Based on Konva’s Group, it allows you to nest shapes or other groups together, enabling you to apply transformations like positioning, scaling, rotation,or selection as one unified object.
Groups are useful for structuring complex UIs, building reusable components, or enabling drag-and-drop behavior across multiple elements. They help keep your canvas scene organized and easier to manipulate programmatically.
Usage
Register the Node
Then register the node on the Weave class instance.
const instance = new Weave({
...
nodes: [
...,
new WeaveGroupNode(),
]
})Use the node
The Group node is a layering node, it doesn't render anything visual to the end user, its normally used through the contextual menu to group selected nodes or un-group a group. Check the Weave class API to learn about the Group Management API.
Once the node is registered you can use it on Actions or Plugins or even other Nodes.