KineticJS，为图层中的特定对象/节点设置动画

Question

我无法弄清楚我想做什么是可能的，如果可以的话怎么做。

我有一堆形状分为3组。在这3组中，其中1组包含通过动画更新其位置的对象。我也试图允许所有组/对象都可以拖动（它们相对于彼此的位置需要保持不变，所以现在我只是将它们所在的层设置为可拖动）。

问题是动画必须重绘整个图层，其中包含所有对象。似乎没有必要重绘一堆没有移动的形状，所以我只想在一组内动画对象。但我不知道如何。

我正在使用的结构的一般示例：

            Stage
              |
            Layer
              |
   +----------+----------+
   |          |          |
Group 1    Group 2    Group 3

第1组需要设置动画。所有三个小组都需要拖延。我已经尝试将第1组放在一个图层中，然后将该图层添加到父图层，但这似乎不起作用。

非常粗略的例子：http://jsfiddle.net/UTcaL/

Answer 1

你需要这样做：

        Stage
          | 
   +------+------+
   |      |      |
 Layer  Layer   Layer
   |
 shapes

KineticJS的一大优点是能够根据需要创建任意数量的图层，并根据重绘的频率在不同的图层中将事物分组在一起