fabricjs - 我怎样才能解锁纵横比

Question

据我所知，当使用角控件调整对象大小时，无论用户将鼠标移动到何处，高度和宽度都会按比例更改以保持对象的纵横比。我的客户希望用户在使用角控件时能够独立于纵横比调整高度和宽度。是否有允许这样做的设置？

Answer 1

默认情况下，角控件仅调整大小并保持纵横比。

您可以使用 setControlsVisibility 关闭转角控制，如下所示：

object.setControlsVisibility({
    tl: false, //top left
    tr: false, //top right
    bl: false, //bottom left
    br: false //bottom right
});

看到这个fiddle：http://jsfiddle.net/da7L0n1e/1/

Answer 2

缩放时只需按 Shift 键即可。

或

您可以添加此代码：

canvas.uniScaleTransform = true;

编辑：

现在从 Fabric.js 4.0

开始调用 属性

canvas.uniformScaling = false;