Fabric JS 多个 object 选择忽略移动 isDisabled

Question

I have set these following attributes to all of my objects on my Fabric JS canvas.

lockMovementX: isDisabled,
lockMovementY: isDisabled,
lockScalingX: isDisabled,
lockScalingY: isDisabled,
lockUniScaling: isDisabled,
lockRotation: isDisabled,

However, when I select multiple objects by holding the shift key, these objects get movable again, but as a group, any idea how I disable this possibility as well?

Answer 1

canvas.selection = false

In this way, you can disable the group selection but the objects will still be selectable.

Answer 2

Did you try setting the selectable property to false? That will prevent objects from being selected but events will still fire on them

http://fabricjs.com/docs/fabric.Object.html#selectable

selectable:Boolean When set to false , an object can not be selected for modification (using either point-click-based or group-based selection). But events still fire on it.

Answer 3

Wondering how many people do not understand a simple question.

Yes, it is possible. You have to listen to selection:updated and check if in the selection something is locked, then lock the target.

This worked for me with fabric 4.4.0. I cut it out from my project and hope this code example work. At least it should demonstrate the “how”.

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

isLockedInSelection()
{
    let activeObjects = canvas.getActiveObjects();
    for (let i in activeObjects)
    {
        if (activeObjects[i].lockMovementX)
            return true;
    }
    return false;
}

canvas.on('selection:updated', ({selected, target}) =>
{
    if (isLockedInSelection())
    {
        target.lockMovementX = true;
        target.lockMovementY = true;
        target.lockSkewingX  = true;
        target.lockSkewingY  = true;
        target.lockRotation  = true;
        target.lockScalingX  = true;
        target.lockScalingY  = true;
    }
});