javascript - Fabric JS : How to prevent scaling active group

Question

在 Fabric JS 中，当一个对象或多个对象被选中时，可以缩放它们。在 Angular 落(有方面)或只有宽度/高度。

是否可以仅在选择一个对象时允许此操作，而在选择多个对象时阻止此操作？

提前致谢!

Answer 1

当您在 Canvas 上选择多个对象时，它本质上就像一个 Fabricjs 组。您可以使用 lockScalingX 和 lockScalingY 属性禁用组的缩放。

现在要访问这个根据选择形成的组，您可以使用 Canvas selection:created 事件。下面是示例代码:

canvas.on('selection:created',function(ev){
    ev.target.set({
        lockScalingX: true,
        lockScalingY: true
    });
});

以上代码专门针对用户选择时形成的组禁用缩放，而不是您可能已添加到 Canvas 的组。如果你想为任何组禁用全局缩放，那么你可以通过以下方式进行:

fabric.Group.prototype.lockScalingX = true;
fabric.Group.prototype.lockScalingY = true;

您可以在这里找到可用的 fiddle :http://jsfiddle.net/n9z58nuk/2/