使用JqueryMobile实现图片的捏合缩放效果

Question

我需要使用jqueryMobile插件为图像添加Pinch缩放效果的功能，有人能帮忙吗？

非常感谢,

--Brock

- Brock

Answer 1

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

它支持许多手势，如：

• hold（长按）
• tap（轻点）
• doubletap（双击）
• drag、dragstart、dragend、dragup、dragdown、dragleft、dragright（拖动）
• swipe、swipeup、swipedown、swipeleft、swiperight（滑动）
• transform、transformstart、transformend（变换）
• rotate（旋转）
• pinch、pinchin、pinchout（缩放）
• touch（手势检测开始）
• release（手势检测结束）

示例：

$('#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只支持捏合手势。

- Gajotres

---

Gajotres，感谢您的回复。我的场景是混合型的，而不是依赖于平台的。那么您认为 Touchy 是否适用于 iPhone 和 Android 设备呢？谢谢！ - Brock