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

标签 javascript svg raphael

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

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

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

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

最佳答案

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

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

希望这是有道理的。

关于javascript - 使用 Raphael JS 一次缩放一组元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10394320/

相关文章:

javascript - 更改幻灯片上的文本切换

javascript - value 中的变换索引数组

css - 动态查找SVG的路径

javascript - Raphael JS 中的动画字体大小是否有流畅的过渡可能性?

javascript - ApplicationController :Class in rails 4. 2 的未定义局部变量或方法 `gon'

javascript - 缩放 Raphael/SVG 容器以适应所有内容

javascript - 如何组合 SVG 路径,如下图所示

javascript - 如何制作这个加载动画?

javascript - 如何在 raphaeljs 中使用 attr 的 stroke-dasharray,stroke-linecap,stroke-linejoin

javascript - 基于 meteor 中选择下拉框的过滤器集合