FabricJS Catch click on object inside group

Question

I have tried many thing like calculating location, handling with the event we do have in original fabricjs. Does any have done this before?

Answer 1

It is possible to listen for events on the inner object by adding the option: subTargetCheck: true to the fabric.Group object.

    // create a group
    let group = new fabric.Group([circle, rect], {
        subTargetCheck: true
    });

    circle.on('mousedown', function(e) { 
        // e.target should be the circle
        console.log(e.target);
    });