javascript - 如何在 Raphael JS 中使圆圈和文本成为悬停对象？

Question

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

编辑：我已经弄清楚如何合并多个对象，但是，知道填充属性也适用于文本，不仅是背景（因此文本在悬停后不可见，因为它与背景颜色相同），所以我需要以某种方式弄清楚。有什么建议吗？

我需要修改的代码：

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