javascript-拉斐尔JS移动/旋转一组图纸作为一个？

我有一个小工具,可以绘制一个圆圈网格(代表孔),允许用户向这些圆圈添加文本和线条.现在,我已经进行了设置,因此,如果用户单击任何孔,那么无论该孔被移动到何处,Paper对象上的所有其他元素也会被设置.我接下来要实现的是将所有内容旋转为一个对象的能力.我意识到要使它起作用,我需要知道所有对象的中心点,我可以很容易地获得它们.
     我想知道的是,我是否应该将所有内容绘制在另一个对象上.该对象将充当另一个Paper对象,但仅用于移动和旋转.在对象上绘制的孔上的任何单击事件都将传递给父对象(即,所有在其上绘制的伪纸对象).这可能吗？如果是这样,我将如何在矩形上绘制所有内容？如果不是,那么实施它的最佳方法是什么？

解决方法:

您需要的是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');

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

标签：animation,rotation,raphael,javascript
来源： https://codeday.me/bug/20191123/2066986.html