html5 canvas - Highlight image on object:over in fabric js -

i making photo collage application need better object selection method. current or default selecting technique little bit confused when there lot's of objects. user confused on object selected. want highlight on object before selecting use know prior object going selected.

i have looked @ hovering want shapes , don't work images. how apply images, text , cliparts.

here code :

                canvas.on('object:over', function(e) {                     //i want draw border (not corner) on mouseover , non-selected object                 });                  canvas.on('object:out', function(e) {                     //i want remove border on mouseout on non-selected object                                   }); 

the border , corner applicable selected objects want enable border non-selected object on mouse hovering.

here app : edit photos free

for think solution -

canvas.on('mouseover', function(e) {                     //i want draw border (not corner) on mouseover , non-selected object                 }); canvas.on('mouseout', function(e) {                     //i want remove border on mouseout on non-selected object                                   });