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

Question

有什么方法可以防止在缩放对象组时发生翻转？

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

Answer 1

您可以使用 object:scaling 检查 flipX 或 flipY 是否为真...如果为真，则对象已被翻转，因此您必须再次将其设置为假。

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 应该有效。

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

Prevent flip while scaling a group of objects in fabricjs

fabricjs