FabricJS double click on objects

Question

I am trying to perform a special action whenever the user double clicks any object located inside the canvas. I have read the docs and not found any mouse:dblclick

Answer 1

Here is a quick and easy way to add a double click event handler to Fabric JS -

Include following code snippet to your html file. Just ensure this is loaded after the main fabric.js library

Then add this code to listen a double click event:

canvas.dblclick(function(e) { 

}); 

To get information about the actual object that is being clicked on the canvas, use following method -

canvas.getActiveObject();

eg.

canvas.dblclick(function(e) { 
     activeObject = canvas.getActiveObject();
});