skalowanie obrazu na gest szczypania
Używam jQuerydrażliwy wtyczka do wykrywania zdarzenia szczypania, aby dać użytkownikom możliwość powiększenia / pomniejszenia obrazu. Oto sedno mojego kodu:
var w = 800, h = 600; $('img').on('touchy-pinch', function (e, $target, data) { $(this).css({ width: w * data.scale, height: h * data.scale }); });
Gdzie niestandardowy obiekt danych zawiera następujące elementy:
skalapreviousScalecurrentPointPunkt startustartDistanceDziała dobrze na pierwszym szczypaniu, ale gdy moje palce opuszczą ekran, a następnie próbuję to zrobić ponownie, obraz ponownie się skaluje. Jak mogę zmodyfikować program obsługi, aby obraz był kontynuowany w miejscu, w którym został przerwany, a nie zmieniony? Użycie poprzedniej skali nie pomogło, ponieważ poprzednia skala również została zresetowana.