javascript - JS：以数学方式减少事件侦听器内的缩放值

Question

我正在这样做：

$(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 值“乘以”（或其他）一定数量，从而使整个体验变慢？我只是希望我的变焦发生得更慢。

有什么想法吗？

Answer 1

只需将您自己的比例因子应用于整个缩放计算：

var myScale = 5; // Test which value is best suited for your needs
fs = Math.round(fs*(scale/myScale));