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

时间:2010-11-05 05:57:31

标签: javascript svg raphael

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

这个概念来自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();
});

1 个答案:

答案 0 :(得分:6)

正如德米特里指出的那样,集合可以推送到其他集合中,因此您的代码应该可行。的 Try it out with this jsFiddle. 即可。