使用kineticjs在画布中拖动组

Question

我有一个基于html5 Canvas的应用程序。我用kineticjs库进行拖放。它有多个拖放组。 如果我将画布尺寸增加到更大尺寸，则拖动时滞后。 我们如何才能提高拖动性能。它可以在iPad和平板电脑设备上轻松注意到。 我创建了一个样本。 jsfiddle.net/MRVCg/5/embedded/result /

Answer 1

我认为这是一个有效的问题，

http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/

您应该尝试将形状缓存为图像以获得更好的性能。你可以这样做：

shape.toImage({
  // define the size of the new image object
  width: 100,
  height: 100,
  callback: function(img) {
    // cache the image as a Kinetic.Image shape
    var image = new Kinetic.Image({
      image: img
    };
  }
});