在拉斐尔设置Raphael的套装为Raphael javascript库设置

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指出的那样,集合可以推送到其他集合中,因此您的代码应该可行.尝试使用这个jsFiddle..