Kinetic JS Multi-Touch Scale Stage

Я использую Kinetic JS на iPhone и Android.Kinetic JS Multi-Touch Scale Stage

Я скопировал пример из

http://www.html5canvastutorials.com/labs/html5-canvas-multi-touch-scale-stage-with-kineticjs/

, чтобы включить масштабирование этап, а потом я понял, что, когда я изменении масштаба трансфокации не происходит на том месте, где я ущипнуть мой зуммирования, а это происходит на верхний угол.

Мне также необходимо ограничить скорость масштабирования с максимальным/минимальным уровнем масштабирования, я считаю, что это очень помогло .. спасибо!

Код:

http://pastebin.com/cAgk2UiB

Modded Pinch слой:

http://pastebin.com/mG1b75KK

источник

2013-04-28 Rejinderi

setScale только изменяет размеры объектов/слоев, вы должны переводить позиции самостоятельно в зависимости от вычисленных координат, где вы касаетесь/зажимаете. – SoluableNonagon

Ни одна из ссылок не имеет рабочего решения. Пастбины также истекли. –

Это улажено другим разработчиком, который сделал плагин. Попробуйте это и посмотреть, если он работает для вас

https://github.com/eduplus/pinchlayer

источник

2013-04-29 13:39:49 SoluableNonagon

Yup Я видел это! Я попытался, но моя страница зашла в тупик, подумайте о некоторой ошибке JS, проверит и попробует снова через некоторое время. Спасибо m8! :)! – Rejinderi

Пинч-слой не будет работать на последнем KineticJS, и мои коды не будут хорошо работать со старым KineticJS, на котором установлен PinchLayer, исправлены его и теперь хорошо работают :) спасибо, теперь проблема в том, что у меня есть 100+ круги и масштабирование на iPhone 4 и Android очень медленны. любая идея, как я могу улучшить ее? – Rejinderi

не очень, перерисовка на мобильных устройствах стоит дорого. Дело в том, чтобы как-то определить область для перерисовки, а не весь слой. – SoluableNonagon

Вот обновленная версия учебника: http://jsfiddle.net/9eaBq/

Просто замените строки из 69 до 71 по этому коду:

var scale = { 
    x: stage.scale().x * dist/lastDist, 
    y: stage.scale().y * dist/lastDist 
}; 
stage.scale(scale);

Работа на iPad (Chrome & Safari) под iOS7.

источник

2014-07-11 10:55:20

ответ

Смежные вопросы