javascript - 在 Raphael javascript 库的 Raphael 集合中嵌套 Raphael 的集合

Question

我一直在尝试在集合中嵌套集合，但无济于事。

这个概念来自 photoshop，您可以在其中将元素分组到一个文件夹/集中，然后将它们嵌套到另一个文件夹/集中。

我正在尝试轻松地将两组或更多组合并为一组，这样我就不必手动拆开所有内容来再次集成代码。

这一步是为集合的集体行为控制让路，例如鼠标悬停、点击、翻译和转换。

有没有人遇到过这个问题并找到了解决这个问题的方法？感谢任何解决此问题的帮助。

为了详细说明，这里有一些我正在尝试做的人为示例代码:

var r = Raphael("holder");
r.height = 400
r.width = 300

var buttons = r.set();
var target_objects = r.set();

buttons.push(
    r.rect(0,0,r.width/10,r.height/10).attr({fill:"#000"})
);

target_objects.push(
    r.rect(50,50,r.width/5,r.height/5).attr({fill:"#0F0"})
);

var super_set = r.set();

# Trying to combine sets. Note: this of course doesn't work
super_set.push(buttons,target_objects);

super_set.mouseover(function(){
    alert();
});

Answer 1

正如 Dmitry 指出的那样，集合可以插入其他集合，因此您的代码应该可以工作。 <强> Try it out with this jsFiddle. 。