Html5 canvas 同一kineticjs模型的多个视图/渲染

我正在构建一个图形实用程序，它显示一个包含大量数据的相当大的图形。 我希望能够支持的一件事是在我的应用程序的不同面板中同时拥有多个数据视图

我画了一幅画，试图证明我的意思。假设我已经使用动能在背景中构建了渐变图像

我想能够抓取显示的部分，以红色和绿色同时概述的部分，而不必重建整个图像

var stage1 = new Kinetic.Stage({
  container: 'container1',
  width: somewidth,
  height: someheight
});

var stage2 = new Kinetic.Stage({
  container: 'container1',
  width: someotherwidth,
  height: someotherheight
});

var Layer1 = new Kinetic.Layer({
  y: someY,
  scale: someScale
});
// add stuff to first layer here...

var Layer2 = new Kinetic.Layer({
  y: otherY,
  scale: otherScale
});
// add other stuff to second layer here...

stage1.add(mapLayer);
stage1.add(topLayer);

stage2.add(mapLayer);
stage2.add(topLayer);

---

在我将我的层添加到stage1时，一切都很好，但当我尝试将它们添加到stage2时，它就崩溃了。我正在筛选源代码，但我看不到有任何东西迫使数据成为某个阶段的唯一数据。这可能吗？还是我必须复制我所有的形状

KineticJS设计无法将节点添加到多个父节点中。每个

层

都有

元素。据我所知，在文档中插入DOM元素两次是不可能的