Fabric.js 组 lockRotation 属性

在 Fabric.js 中，lockRotation 属性是组对象的一个布尔类型属性。当设置为 true 时，组对象中的所有子对象都将被锁定旋转。

属性语法

以下是 lockRotation 属性的语法：

group.lockRotation = booleanValue;

group 是要设置属性的组对象，booleanValue 是布尔类型的值。当设置为 true 时，子对象将被锁定旋转，当设置为 false 时，子对象将允许旋转。

属性示例

让我们通过下面的代码来创建一个组对象，并将其中的所有子对象锁定旋转：

// 创建一个矩形和文本对象
var rect = new fabric.Rect({
    left: 100,
    top: 100,
    width: 50,
    height: 50,
    fill: 'red'
});
var text = new fabric.Text('Hello World', {
    left: 100,
    top: 50,
    fontSize: 20,
    fill: 'white'
});

// 将它们放入一个组对象中，并且锁定旋转
var group = new fabric.Group([rect, text], {
    left: 100,
    top: 100,
    lockRotation: true
});

// 将组对象添加到画布中
canvas.add(group);

现在，当我们旋转 group 对象时，其中的任何子对象都将保持其原来的方向。

注意事项

• 当组对象被设置为锁定旋转时，其中的任何子对象都将受到影响。
• 如果只想锁定单个对象的旋转，可以使用 object.lockRotation 属性。