Html5 canvas 突出显示对象上的图像：在fabric js中

我正在制作照片拼贴应用程序，我需要更好的对象选择方法。当存在大量对象时，当前或默认的选择技术有点混乱。用户不知道选择了哪个对象。因此，我想在选择对象之前高亮显示该对象，以便使用“事先知道将选择哪个对象”

我已经看过了，这是我想要的，但它只适用于形状，不适用于图像。如何将其应用于图像、文本和剪贴画

代码如下：

                canvas.on('object:over', function(e) {
                    //I want to draw border only (not corner) on mouseover and non-selected object
                });

                canvas.on('object:out', function(e) {
                    //I want to remove the border on mouseout on non-selected object                  
                });

边框和角点仅适用于选定对象，但我希望在鼠标悬停时为非选定对象启用边框

---

这是我的应用程序：

现在我认为解决这个问题的方法是-

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

---

悬停应该适用于任何对象，包括图像。我的意思是，悬停的演示示例仅适用于形状，而不适用于图像，因为图像是不透明的，悬停时无法看到颜色的变化。所以我想在悬停时在不透明对象周围应用边框。可能吗？