phonegap Android App Pinch缩放特定页面

时间:2014-05-08 08:01:57

标签: android jquery eclipse cordova zoom

我正在使用Phonegap和eclipse为客户构建一个杂志安卓应用程序。问题来自于我在magazine.html页面,我希望用户缩放杂志页面(保存为jpeg)。我尝试将元标记设置为此但它不起作用。

meta name =“viewport”content =“width = device-width,initial-scale = 1.0,user-scalable = 1,minimum-scale = 1.0,maximum-scale = 5.0”

我也使用它可以工作的android缩放代码,但问题是它允许缩放一切,当你缩放时,只有文字会受到影响,而不是影像。同样使用此代码,我无法选择是否只想缩放特定页面(magazine.html)。

public class MyApp extends CordovaActivity 

{

public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    super.init();
    // Set by <content src="index.html" /> in config.xml
    super.loadUrl(Config.getStartUrl());
    //super.loadUrl("file:///android_asset/www/index.html");

   settings.setBuiltInZoomControls(true);
    settings.setSupportZoom(true);


}

}

我一直试图解决这个问题,你们的任何帮助都会非常感激: - )

1 个答案:

答案 0 :(得分:0)

试试这个PinchZoom.js。

    new PinchZoom($('#your-element'), options);


    tapZoomFactor:      The zoom factor a double tap zooms to. (default 2)
    zoomOutFactor:      Resizes to original size when zoom factor is below the configured value. (default 1.3)
    animationDuration:  The animation duration in milliseconds. (default 300)
    maxZoom:            The maximum zoom factor. (default 4)
    minZoom:            The minimum zoom factor. (default 0.5)

http://rtp-ch.github.io/pinchzoom/demo/swipe.html

http://rtp-ch.github.io/pinchzoom/