html5-canvas - 突出显示对象上的图像：在织物 js 中

Question

我正在制作我需要更好的对象选择方法的照片拼贴应用程序。当有很多对象时，当前或默认的选择技术有点混乱。用户对选择哪个对象感到困惑。所以我想在选择它之前突出显示对象，以便使用之前知道要选择哪个对象。

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

这是代码：

                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                  
                });

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

这是我的应用程序：免费编辑照片

Answer 1

目前我认为解决方案是 -

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                  
                });