使用Raphael JS一次扩展一组元素

时间:2012-05-01 06:23:51

标签: javascript svg raphael

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

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

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

此外,当鼠标悬停在圆圈上时,事件会触发,但是当鼠标移过图像时,圆圈的mouseout事件会触发,我该如何阻止它,使它看起来像圆圈和图像一样一个元素?

1 个答案:

答案 0 :(得分:1)

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

将它们中的大部分粘贴在一组中并在鼠标悬停中缩放该组。我会为你做一个例子,但我天生懒惰。如果你真的被卡住了,我会试一试。

希望这是有道理的。