I’m working on an Angular application that uses KonvaJS to manage a stage with multiple groups (nodes). I’ve implemented a multi-select feature that allows me to apply a transformer to these groups. However, I’m facing an issue when resizing the groups using the transformer.

I have implemented a functionality to multiselect nodes. Instead of using a single transformer for all selected nodes, each node has its own transformer. I need help to ensure that when I resize one node, the same anchor point on all selected nodes gets triggered.

i have a method to select multiple nodes but i dont want to use a single transformer for the selected nodes (like in the docs), since in my case every node already has its own custom transformer. Now my question is if it is possible to “synchronize” them when i resize one node.

is it possbile to keep the position of multiple selected nodes inside a transformer, when the transformer gets resized? I limited the width and heigth of each selected node and that works, but as far as the node reaches its max width value, it just keeps moving instead of staying in place.

Konvajs How To Join Two Shapes and act like one Shape ?

i have multiple shapes (rects) inside a global transformer. Now the Problem is that each shape has its own transformer that is limited in height and width. Is there a way that when i resize the global transformer, that each shape doesnt get bigger/smaller than the limit we defined in the single transformer?

i have multiple shapes (rects) inside a global transformer. Now the Problem is that each shape has its own transformer that is limited in height and width. Is there a way that when i resize the global transformer, that each shape doesnt get bigger/smaller than the limit we defined in the single transformer?

I’ve made a bar graph that continually scrolls.

In my transformer I am using anchor snapping to line up the sizing anchors with a grid. But the code also executes when I use the rotating anchor.