I am trying to get all drawn lines into one selectable group to achieve the same result as on the attached screenshot.

I tried to create new group and add the line to this group:

new fabric.Group([line], {
            hasRotatingPoint: false,
            lockRotation: true,
        });

But problem is that I'm setting the new line properties after the mousemove event.

I would like to ask how to add lines to have all lines selectable as one piece at the same time?

The JSFiddle is attached below:

https://jsfiddle.net/f3n6w0yg/10/

Thanks for any advice.