Javascript Raphael JS是否将一组图形作为一个整体移动/旋转？

我有一个小工具，它可以绘制一个圆圈网格（代表孔），允许用户向这些圆圈添加文本和线条。现在我已经设置好了，如果用户点击任何一个孔，那么无论孔移动到哪里，纸张对象上的其他元素都会移动。我下一步要实现的是将所有对象作为一个对象旋转的能力。我意识到，要想让它发挥作用，我需要知道所有物体的中心点，我很容易就能找到。
我想知道的是我是否应该把所有的东西都画在另一个物体上。此对象将充当其他种类的纸张对象，但仅用于移动和旋转。在对象上绘制的孔上的任何单击事件都将传递给父对象（即绘制所有内容的伪图纸对象）。这可能吗？如果是这样的话，我怎么把所有的东西都画在一个长方形上呢？如果不是，那么最好的实现方法是什么？

您需要的是。您可以创建它，将对象推送到它，然后通过应用变换将它作为一个完整的组来处理

例如：

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');

---

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

每个孔都有自己的纸张吗？一个JSIDLE链接会很有帮助的谢谢！这正是我需要的