如何在圆圈内创建一个对象以便在Raphael JS中悬停？

Question

我有一个圆圈（circle3），里面有文字（text3）。我想为悬停状态制作动画，我可以对圆形做很好的动作，但是当我将鼠标悬停在圆圈内的文本上时，问题就开始了。 javacscript认为我是从圈开始并开始悬停功能的第二部分。但我需要它认为文本区域是圆圈的一部分，因此即使我将鼠标悬停在文本上，它也会保持悬停状态。如何完成这样的事情？

编辑：我想通了豪WTO合并多个对象，但是，知道填充属性附加伤害aplies还上的文字，不仅背景（使文本后悬停不可见的，因为它的颜色与背景色相同），所以我需要以某种方式计算出来。有什么建议？

我的代码，我需要修改：

st.push(
           circle3, 
           text3 
          ); 

          // st.animate(fillerHover, 500); 
          st.hover(function() { 
           st.animate(fillerHover, 500); 
           }, 
           function() { 
           st.animate(filler, 500); 
           } 
          ); 

好

Answer 1

好吧，我自己解决。这是最后的工作代码：

st.push(
            circle3, 
            text3 
           ); 

           st.attr({"cursor": "pointer"}); 


           st.hover(function() { 
            st.animate(fillerHover, 500); 
            text3.animate(fillerTextHover, 500); 
            }, 
            function() { 

            st.animate(filler, 500); 
            text3.animate(fillerText, 500); 
            } 
           );