Перетаскивание группы в холст с помощью кинетики

У меня есть приложение на основе html5 Canvas. Я использовал библиотеку kineticjs для перетаскивания. Он имеет несколько групп для перетаскивания. Если я увеличиваю размер холста до большего размера, он отстает в перетаскивании. как мы можем улучшить производительность перетаскивания. Его можно легко заметить на iPad и планшетных устройствах. Я создал образец. jsfiddle.net/MRVCg/5/embedded/result/

 0
добавлено
Просмотры: 4
источник
nl ja de
в то время как я не замечаю результат производительности даже на моем телефоне (у которого меньше памяти и медленного процессора, чем у большинства iPad/планшетов), вы всегда можете делать кеширование. Можете ли вы разместить еще несколько кодов, чем приведенный пример? Любое замедление будет вызвано событиями, которые выполняются во время перетаскивания. Вы делаете какие-либо проверки на перетаскивание?
добавлено автор SoluableNonagon, источник

1 ответы

Я думаю, что это правильный вопрос,

http://www.html5canvastutorials.com/kineticjs/html5- холст-форма кэширования-с 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
добавлено
источник