kineticjsを使用してキャンバス内のグループをドラッグする

私はhtml5キャンバスに基づいてアプリケーションを持っています。私はドラッグドロップのためのkineticjsライブラリを使用しています。それはドラッグアンドドロップのための複数のグループを持っています。 キャンバスのサイズを大きくしてドラッグすると、キャンバスのサイズが大きくなります。 どのようにしてドラッグのパフォーマンスを改善できますか? iPadやタブレット端末に簡単に気付くことができます。 私はサンプルを作成しました。 jsfiddle.net/MRVCg/5/embedded/result/

0
携帯電話(ほとんどのiPads /タブレットよりもメモリとプロセッサの処理能力が低い)でもパフォーマンス結果がわかりませんが、いつでもキャッシュすることができます。あなたは与えられた例よりもいくつかのコードを投稿できますか?スローダウンは、ドラッグしている間に実行されているイベントによって発生します。ドラッグの動きをチェックしていますか?
追加された 著者 SoluableNonagon,

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
    };
  }
});
0
追加された