在移动设备上捏合/缩放滚动图像

Question

我搜索了很多不同的 jQuery 库来为移动设备添加捏/缩放功能（例如 touchy.js、PhotoSwipe、TouchSwipe、hammer.js 等），但我不知道是什么我应该寻找解决这个特定问题的方法。

我需要创建一个简单的游戏，非常类似于“Waldo 在哪里？”，用户在其中提供一个大图像以滚动（几乎就像谷歌地图），试图找到一个项目。当他们找到它时，我需要获取他们的“点击”坐标 - 考虑到缩放级别 - 看看他们是否正确。

我觉得某处可能有一个库已经完成了我需要的 90% 的开箱即用功能，但我不知道这个功能叫什么。这个功能有这样的库吗？

Answer 1

为什么不使用内置的捏缩放功能？这将使您不必进行无关的位置计算、触摸侦听器等。

<meta name="viewport" content="initial-scale = 0.1,maximum-scale = 1.0" />