有哪些与JavaScript、jQuery或jQuery移动相关的事件可以用于捕获缩放手势?我正在尝试捕获这些事件以对一个位于div内的图像进行缩放,而不影响整个网站的布局。检测缩放手势最简单的方法适用于iPad但不适用于Android。
在Android平台上,有哪些等效的方法可以检测相同的缩放手势?
任何帮助都将不胜感激。
编辑:我一直在尝试使用touchy.js来进行图像的缩放,但是如果图像的某一部分无法通过手指滑动或类似的方式访问,则放大图像没有用处。
例如,请考虑以下代码:
我需要图片保持在div中,用户可以在缩放后移动图片。但是使用这段代码时,我必须在空白区域(由段落标记创建)上滑动手指才能水平移动到图像的不同部分。垂直方向也是如此(您必须在网页上的空白空间上滑动手指才能纵向查看图像)。我的意思是,在图像内部滑动手势没有任何效果,而用户希望在缩放图像后能够这样做。
在Android平台上,有哪些等效的方法可以检测相同的缩放手势?
任何帮助都将不胜感激。
编辑:我一直在尝试使用touchy.js来进行图像的缩放,但是如果图像的某一部分无法通过手指滑动或类似的方式访问,则放大图像没有用处。
例如,请考虑以下代码:
<div style=" border: 1px solid blue; width: 560px; overflow:scroll;">
<p> </p>
<img id="image" src="images/tux.png" alt="my image" style=" border: 1em solid gray;" />
</div>
我需要图片保持在div中,用户可以在缩放后移动图片。但是使用这段代码时,我必须在空白区域(由段落标记创建)上滑动手指才能水平移动到图像的不同部分。垂直方向也是如此(您必须在网页上的空白空间上滑动手指才能纵向查看图像)。我的意思是,在图像内部滑动手势没有任何效果,而用户希望在缩放图像后能够这样做。
没有示例很难解释,我尝试创建了http://jsfiddle.net/Debarupa/8peaf/,但它不能按照我想要的方式工作,因为我无法编辑head中的meta。我需要添加:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1" />
以便整个网页不可缩放。