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

Question

我必须使用 jqueryMobile 插件在图像上添加 Pinch ZoomIn/Out 效果的功能，有人可以帮忙吗？

非常感谢，

--布洛克

Answer 1

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

它支持大量的手势，例如：

• 按住
• 点击
• 双击
• drag、dragstart、dragend、dragup、dragdown、dragleft、dragright
• 滑动、向上滑动、向下滑动、向左滑动、向右滑动
• 变换、变换开始、变换结束
• 旋转
• 捏，捏，捏
• 触摸（手势检测开始）
• 发布（手势检测结束）

例子：

$('#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 设备的另一个想法，因为该平台不支持多点触控事件。

还有一些其他的 3rd 方实现，例如 Touchy。不幸的是，Touchy 只支持捏合。