2013-05-06 42 views
1

我正在照片拼贴应用程序,我需要更好的对象选择方法。当有很多对象时,当前或默认选择技术有点混乱。用户对选择哪个对象感到困惑。所以我想在选择它之前突出显示对象,以便使用之前知道哪个对象将被选中。在物体上的高亮图像:在织物js

我看过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

+0

盘旋应该适用于任何对象,包括图像 – kangax 2013-05-07 21:36:38

+0

我的意思是徘徊只适用于的演示示例形状,而不是图像,因为图像不透明,无法看到悬停时的颜色变化。所以我想在悬停时在不透明物体周围应用边框。可能吗 ? – ep4f 2013-05-08 09:24:37

回答

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