Raphael JS移动/旋转图纸组合为一体?

时间:2013-05-01 16:24:39

标签: javascript animation rotation raphael

我有一个小工具可以绘制一个圆圈网格(代表孔),允许用户在这些圆圈中添加文字和线条。现在我设置了它,所以如果用户点击任何一个洞,那么在哪里移动孔,那么Paper对象上的每个其他元素。我接下来要实现的是将所有内容作为一个对象旋转的能力。我意识到为了这个工作,我需要知道所有物体的中心点,我很容易得到      我想知道的是我应该在另一个对象上绘制所有内容。此对象将作为另一种Paper对象,但仅用于移动和旋转。在对象上绘制的孔上的任何点击事件将被传递给父对象(即,绘制所有内容的伪纸对象)。这可能吗?如果是这样,我怎么把所有东西都画上说,一个矩形?如果没有,那么实施它的最佳方式是什么?

1 个答案:

答案 0 :(得分:3)

您需要的是Set。您可以创建它,将对象推送到它,然后通过应用转换将其视为整个组。

示例:

var elements = paper.set();

if (!view.text) {
    view.text = App.R.text(0, 0, this.value);
    view.text.attr({
        'font-size': font_size,
    });
    elements.push(view.text);
}
elements.transform('something');

请注意,您还可以将事件绑定到整个集合。