0

私はこれをやっています：

$(document).ready(function() {

    var dom = document.body,
        fs = 16,
        min = 16,
        max = 100,
        scale;

    dom.addEventListener("gesturechange", gestureChange, false);

    function gestureChange(e) {

        e.preventDefault();

        scale = e.scale;
        fs = Math.round(fs*scale);

        if ( fs <= max && fs >= min )
            $('#element').css('width', fs+'px');

        if ( fs > max ) fs = max;
        if ( fs < min ) fs = min;
    }

});

そのため、iPhone でピンチ/ズーム ジェスチャを行うと、幅が#element増加します。 fsは、増加している値です。しかし、現在、ズームと増加が速すぎます。そのため、画面上で指を少しだけ動かすとすぐに、幅がかなり大きくなります。

fs 値を一定量「乗算」(または何でも) して、エクスペリエンス全体が遅くなるようにするにはどうすればよいのでしょうか? ズームをもっと遅くしたいだけです。

それに関するアイデアはありますか？

4

1 に答える 1

1

独自の倍率をスケーリング計算全体に適用するだけです。

var myScale = 5; // Test which value is best suited for your needs
fs = Math.round(fs*(scale/myScale));
于 2012-05-28T14:38:35.400 に答える