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

Question

有没有办法在缩放对象组时防止翻转？

我尝试使用“lockScalingFlip”属性。但是它只支持缩放单个对象。

- mechev

Answer 1

在版本1.4.11中，设置lockScalingFlip=true应该可以工作。

- taineleau

---

你能否更新你的问题并添加链接到变更日志、问题跟踪系统中的工单或其他资源，以解释为什么/如何设置适用于组而不是单个对象？没有这些信息，回答就只是一个评论而不是完整的答案。 - undefined

在版本4中完美运作。全球范围内使用fabric.Object.prototype.lockScalingFlip = true;。 - undefined

Answer 2

你可以通过检查 object:scaling 来确定 flipX 或 flipY 是否为 true ... 如果是，则对象已经被翻转，因此你需要将其重新设置为 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示例，可以看到它的实际效果。

- Nistor Cristian