Sto utilizzando il plug-in jQuery touchy per rilevare l'evento di pizzicamento per offrire agli utenti la possibilità di ingrandire/ridurre un'immagine. Ecco l'essenza del mio codice:ridimensionamento dell'immagine sul gesto di pizzico
var w = 800, h = 600; $('img').on('touchy-pinch', function (e, $target, data) { $(this).css({ width: w * data.scale, height: h * data.scale }); });
Dove l'oggetto di dati personalizzato contiene quanto segue:
- scala
- previousScale
- currentPoint
- startPoint
- startDistance
Funziona bene sul primo pizzico, ma quando le mie dita escono dallo schermo e poi provo a rifarlo, l'immagine si ridimensiona. Come posso modificare il mio gestore in modo che l'immagine continui nel punto in cui era stata interrotta anziché ridimensionarla? L'utilizzo del precedenteScale dei dati non ha aiutato dal momento che anche il precedenteScale viene ripristinato.