Angenommen, ich habe eine Leinwand mit 6 Objekten und eine Schaltfläche außerhalb der Leinwand.

Wenn ich auf diese Schaltfläche klicke, werden 3 dieser Objekte zu einer Gruppe, und die ausgewählten Objekte behalten ihre Position im Verhältnis zur Zeichenfläche bei.

Ist das möglich?

Ich habe so viele Dinge ausprobiert, konnte es aber zum Laufen bringen. Die Lösung, die ich suche, ist in etwa wie folgt.

var objectList=[1,2,3];    
var newgroup = new fabric.Group();

$.each(objectList, function (i) {
    var obj = canvas.item(i);
    newgroup.add(obj.clone());
    canvas.remove(obj);
});

canvas.add(newgroup)
canvas.setActiveGroup(newgroup);
canvas.renderAll();