使用Jquery Mobile对图像进行缩放放大/缩小效果

Question

我必须使用jquery Mobile Plugin在图像上添加Pinch ZoomIng / Out效果的功能，任何人都可以帮忙吗？

非常感谢，

- 布洛克

Answer 1

可以在jQuery Mobile上使用，但您需要使用名为hammer.js的第三方实现。

它支持大量的手势，如：

• 保持
• 抽头
• doubletap
• 拖动，拖拽，拖拽，拖拽，拖拽，拖拽，拖拽
• 轻扫，swipeup，swipeown，swipeleft，swiperight
• transform，transformstart，transformend
• 旋转
• 捏，pinchin，pinchout
• 触摸（手势检测开始）
• 发布（手势检测结束）

示例：

$('#test_el').hammer().on("pinchin", ".nested_el", function(event) {
    console.log(this, event);
});

$('#test_el').hammer().on("pinchout", ".nested_el", function(event) {
    console.log(this, event);
});

它适用于jQuery Mobile，这很重要。但你应该想到一些其他的想法，或者至少是Android 2.X设备的另一个想法，因为该平台不支持多点触控事件。

还有一些其他第三方实施，例如Touchy。不幸的是，Touchy只支持捏。