允许用户使用 Phonegap 平移和缩放 div 内的图像

Question

我正在使用 Phonegap 为 iOS 开发一个应用程序。我希望能够缩放和移动盒子

div

（使用

overflow: hidden

）中包含的图像，使用

finger: multitouch

进行放大和缩小，使用

touchmove

移动图像。

可能吗？我将如何实现这个？

Answer 1

有几种方法可以做到这一点。

可能最简单的方法是使用 iScroll4 的捏合/缩放功能：http://cubiq.org/iscroll-4

Answer 2

您应该查看有关多点触控和 HTML/JS 的教程。它也适用于 PhoneGap 应用程序。 http://www.appiness.com/multitouch-with-hammer-js/

Answer 3

这是一个很好的简单教程，使用 iscroll4 进行图像缩放：

http://iphonedevlog.wordpress.com/2013/07/03/adding-picture-zooming-to-your-phonegap-app-with-iscroll4/

在我的phonegap应用程序中给了我一些帮助。现在，如果我能弄清楚如何将它与 svg 一起使用就好了。嗯..