在fabricjs中缩放一组对象时防止翻转

Question

在缩放对象组时是否有任何方法可以防止翻转？

我尝试了'lockScalingFlip'属性。但只有在缩放单个对象时才支持它。

Answer 1

如果flipX或flipY为true，您可以与object:scaling核对...如果是，那么对象已被翻转，因此您必须再次将其设置为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
    }
}

这是一个jsFiddle，可以看到它的实际效果

Answer 2

在1.4.11版中，设置lockScalingFlip=true应该有效。