我在 Raphael JS 中有一个简单的场景,主要包含基本元素、圆圈、矩形、图像等。
我想在鼠标悬停事件上放大一个圆圈,我可以这样做,但我想在圆圈顶部添加一个图像,并在鼠标悬停在圆圈或图像上时也具有该比例。
有没有一种方法可以让我一次缩放两个(或 X)项而不是一个?是否有某种我找不到的“容器”元素?
此外,当鼠标移到圆上时,事件触发,但是当鼠标移到图像上时,圆的 mouseout 事件触发,我怎样才能阻止它,使圆和图像看起来像一个元素?
最佳答案
我认为您在这里必须做的是在已有的圆圈/图像组合上创建一个透明圆圈。所以,圆,图像,圆。第二个圆圈是放置事件处理的地方。通过这种方式,顶部的透明圆圈将获得焦点,即使看起来您将鼠标悬停在图像上也是如此。
将它们中的很多粘在一个集合中,并在鼠标悬停时缩放集合。我会为你做一个例子,但我天生懒惰。如果您真的遇到困难,我会试一试。
希望这是有道理的。
关于javascript - 使用 Raphael JS 一次缩放一组元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10394320/