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>

功能放大器在其id可識別的正文中查找Html元素，並更改其樣式顯示值（已顯示或未顯示）。

單擊任何圖像時將激活此功能。 拍擊佩奇（pec ）的小視圖圖像時，它位於diplay gran上 。 此圖像較大，與較小圖像重疊。 再次點按它會改變其顯示值，並從應用程序用戶的視角消除它，從而使他可以使用小圖像查看以前的視圖。