javascript - 使用 Raphael JS 一次缩放一组元素

Question

我在 Raphael JS 中有一个简单的场景，主要包含基本元素、圆圈、矩形、图像等。

我想在鼠标悬停事件上放大一个圆圈，我可以这样做，但我想在圆圈顶部添加一个图像，并在鼠标悬停在圆圈或图像上时也具有该比例。

有没有一种方法可以让我一次缩放两个(或 X)项而不是一个？是否有某种我找不到的“容器”元素？

此外，当鼠标移到圆上时，事件触发，但是当鼠标移到图像上时，圆的 mouseout 事件触发，我怎样才能阻止它，使圆和图像看起来像一个元素？

Answer 1

我认为您在这里必须做的是在已有的圆圈/图像组合上创建一个透明圆圈。所以，圆，图像，圆。第二个圆圈是放置事件处理的地方。通过这种方式，顶部的透明圆圈将获得焦点，即使看起来您将鼠标悬停在图像上也是如此。

将它们中的很多粘在一个集合中，并在鼠标悬停时缩放集合。我会为你做一个例子，但我天生懒惰。如果您真的遇到困难，我会试一试。

希望这是有道理的。