Javascript KineticJS，设置层内特定对象/节点的动画

我很难弄清楚我想做的事情是否可行，如果可行，怎么做

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

问题是动画必须重新绘制包含所有对象的整个层。似乎没有必要重新绘制一组不移动的形状，所以我只想对一组中的对象设置动画。但我不知道怎么做

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

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

组1需要设置动画。这三个组都需要拖拽。我曾尝试将组1放在一个层中，然后将该层添加到父层，但这似乎不起作用

---

非常粗略的示例：

您需要这样做：

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

---

KineticJS的一大优点是能够创建您想要的任意多个层，并根据重绘频率将不同层中的内容分组到一起

我可以在JSFIDLE中看到您的代码吗？我在原始帖子中添加了一个示例。与我实际使用的东西相比，它是非常基本的，但基本上我的代码只是以与JSFIDLE相同的方式设置了更多的静态和移动对象。我遇到的问题是，我希望能够做3件事：1）缩放（使用.setScale），2）拖动，3）动画。设置动画需要一个层。有许多对象不需要设置动画，因此它们可以位于各自的单独层中，我可以使用onDragEnd更新该层的位置（这里有一个这样的示例）。但是这样做的时候，我不知道如何仍然缩放所有图层。如果有帮助的话，我拥有并试图更改的实际代码所在的站点是：。也许我把这一切都搞错了？