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

Question

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

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

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

另外，当鼠标悬停在圆圈上时，该事件会触发，但是当鼠标移到图像上时，会触发圆圈的 mouseout 事件，我该如何阻止它以使圆圈和图像看起来像一个元素？

Answer 1

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

将它们中的许多粘贴在一组中，然后在鼠标悬停时缩放该组。我会为你做一个例子，但我天生懒惰。如果你真的卡住了，我会试一试。

希望这是有道理的。