Using latest Fabric.js, I have the code:

var imageAdded = new Image();
imageAdded.onload = function (img) {
    var imgAdded = new fabric.Image(imageAdded, {
        clipName: picID,
        clipTo: function (ctx) {
            return _.bind(clipByName, imgAdded)(ctx)
        }
    });
    canvas.add(imgAdded);

    imgAdded.on("object:selected", function (e) { // It doesn't pass this function
        alert(e.target.clipName + " is selected");
        e.target.clipTo = null;
        canvas.renderAll();
    });
};

• I want to alert when I select an object but no alert is showed because the function where I made a ment in the code doesn't work.
• I tried this link but still can't make it possible.

I appreciate every suggestion. Thank you!

Using latest Fabric.js, I have the code:

var imageAdded = new Image();
imageAdded.onload = function (img) {
    var imgAdded = new fabric.Image(imageAdded, {
        clipName: picID,
        clipTo: function (ctx) {
            return _.bind(clipByName, imgAdded)(ctx)
        }
    });
    canvas.add(imgAdded);

    imgAdded.on("object:selected", function (e) { // It doesn't pass this function
        alert(e.target.clipName + " is selected");
        e.target.clipTo = null;
        canvas.renderAll();
    });
};

• I want to alert when I select an object but no alert is showed because the function where I made a ment in the code doesn't work.
• I tried this link but still can't make it possible.

I appreciate every suggestion. Thank you!

• javascript
• fabricjs

Share Improve this question Follow edited May 23, 2017 at 11:44 CommunityBot 111 silver badge asked Jan 6, 2016 at 3:10 MesMes 17744 silver badges1313 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

If you want an event for a specific object use:

imgAdded.on("selected", function(){alert(this.clipName);});

if want event for canvas and all objects:

canvas.on("object:selected", function(e){alert(e.target.clipName);});