Fabric.js | Rect lockScalingY 属性

简介

lockScalingY 属性是用于控制 fabric.Rect 对象在 Y 轴方向上是否可以进行缩放变换的属性。如果设置为 true，则无法对对象进行 Y 轴缩放；如果设置为 false，则可以对对象进行 Y 轴缩放。

语法

rect.set('lockScalingY', value); 

参数说明：

• value：布尔值类型，表示是否开启 Y 轴缩放锁定。

实例

var canvas = new fabric.Canvas('c');

var rect = new fabric.Rect({
    left: 100,
    top: 100,
    width: 50,
    height: 50,
    fill: 'red',
    lockScalingY: true // 锁定 Y 轴缩放
});

canvas.add(rect);
canvas.renderAll();

上述实例中我们创建了一个 fabric.Rect 对象，然后将 lockScalingY 属性设置为 true，锁定了 Y 轴缩放。

结束语

lockScalingY 属性可以帮助我们在一些需要控制对象缩放的场合起到一定的作用，掌握这个属性可以让我们更有效地使用 fabric.js 编写代码。