Phonegap Android Pinch Zoom

Question

我正在使用jQuery Mobile和Phonegap开发Android应用程序。 我想在App页面上启用捏缩放。 许多解决方案建议使用以下行，但它不起作用 -

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">

是否有任何完美的解决方案可以缩放应用页面捏合或双击页面？ 感谢。

Answer 1

多年来我一直在处理这个问题。在这段时间里，我刚刚找到了一种解决方案。

您可以创建要放大两种或更多尺寸的图像。通过在W3Schools(ShowHide)为Jquery找到的功能show and hide，您可以管理一个隐藏，另一个在显示的每个上方显示。

它确实对我有用，虽然它不能通过捏合手势进行缩放，但它是一种使用phonegap显示图像细节的简单而强大的方法。

以下是我仅使用JS的方式。

在标题上引入脚本：

<main>

调用身体中的图像：

<script type="text/javascript">
function ampliar() {
        var e = document.getElementById("granderizable");
          if(e.style.display == 'block')
            e.style.display = 'none';
          else
            e.style.display = 'block';}
</script>

功能 ampliar 在ID granderizable 的正文中查找Html元素，并更改其样式显示值（显示或不显示）。

单击任何图像时会激活此功能。 在录制 pec 时，小视图图像会在diplay gran 上设置。这个图像更大，与小图像重叠。再次点击它会改变它的显示值，并将其从应用程序用户的视图中移除，从而允许他使用小图像进行他之前的视图。