Prevent flip while scaling a group of objects in fabricjs

Question

Is there any way to prevent flip while scaling group of objects?

I tried 'lockScalingFlip' attribute. But it is only supported while scaling a single object.

Answer 1

You can check with object:scaling if flipX or flipY are true ... If they are then the object has been flipped so you will have to set it again to false.

canvas.on('object:scaling', onObjectScaled);

function onObjectScaled(e){
    var scaledObject = e.target;
    console.log(scaledObject.flipX);
    if(scaledObject.flipX == true || scaledObject.flipY == true){
        scaledObject.flipX = false;
        scaledObject.flipY = false
    }
}

Here is a jsFiddle to see it in action

Answer 2

In version 1.4.11, set lockScalingFlip=true should work.