突出显示对象上的图像:在结构js中

时间:2013-05-06 11:03:31

标签: html5-canvas photos fabricjs

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

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

以下是代码:

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

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

这是我的应用:Edit Photos For Free

1 个答案:

答案 0 :(得分:0)

目前我认为解决方法是 -

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