Phonegap Android捏缩缩放

Question

我正在用jQuery手机和Phonegap开发安卓应用程序。我想要启用捏，放大应用程序页面。这么多的解决方案建议使用下面的行，但它不起作用-

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

有任何完美的解决方案，放大应用程序页，，捏，或双击页面？谢谢。

Answer 1

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

您可以创建要放大两个或两个以上大小的图像。通过在W3Schools(ShowHide)上为Jquery找到的显示和隐藏函数，您可以管理一个以隐藏，另一个则显示在显示的每一个上面。

它确实为我工作，虽然它不允许按一下手势放大，这是一种简单而健壮的方式，从图像显示细节使用phonegap。

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

在标题上介绍脚本：

<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>

呼吁身体中的图像：

<pec><a href="#" onClick="ampliar();"><img src="001.jpg" width="400" height="250" /></a></pec>
<gran id="granderizable" ><a href="#" onClick="ampliar();"><img src="001ZOOM.jpg" width="1280" height="800" /></a></gran>

函数在正文中查找元素，其id为可扩展的，并更改其样式显示值(显示或不显示)。

当单击任何图像时，此函数将被激活。在录制pec的小视图图像时，其设置在diplay gran上。这个图像，较大，重叠的小的。再一次在上面录音会改变它的显示值，并将它从应用程序用户的视野中驱逐出去，从而允许他用这个小图像来查看他的先前视图。