Phonegap Android 捏缩放

Question

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

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

函数ampliar在body中查找id为grandizable的Html元素，并改变其样式显示值（显示或不显示）。

当点击任何图像时，该功能被激活。 当录制 pec 时，小视图图像，它设置在显示 gran 上。此图像较大，与较小的图像重叠。再次点击它会改变其显示值并将其从应用程序用户的视图中删除，从而允许他使用小图像返回之前的视图。