Trouble with programmatically selecting a group of objects

[cossackgh]

Hi everyone,

I'm use fabric.js 6.7.1 and I'm having trouble with programmatically selecting a group of objects from a given list.

When I try the following:

const newSel = new fabric.ActiveSelection(activeObject, { canvas: canvasInstance });
canvasInstance.setActiveObject(newSel);

the selected objects get shifted away from their original coordinates.

What is the correct way to programmatically create an active selection from a list of objects, while keeping them in place, and still being able to transform (scale, rotate, move) them as a group?

Thanks in advance!

[asturur]

ActiveSelection is a subclass of Group and so it takes an array of objects in the constructor, not a single one.
Are you trying to select a group that a circle and a rect inside? Or are you trying to multiselect a circle and a square? or are you trying to select one of these that are inside a group?

[cossackgh]

chrome_jnVqoef0y3.mp4

Thanks! I'm trying to multiselect several objects on the canvas — for example, a circle and a rectangle — and make them behave like a regular selection so I can transform them together.

I understand that ActiveSelection is a subclass of Group and takes an array of objects, not a single one — but even when passing multiple objects, I still get unexpected offset behavior.

Is there a recommended or more reliable way to achieve this kind of functionality programmatically — not necessarily using ActiveSelection — so that I can have multiple objects selected and transform them together as if they were selected manually?

Thanks in advance for your help!