2017-02-16 13 views
0

私はabsolute screen scaleの値を探しています。例えば絶対スクリーンスケール値へのアクセス

あなたはgestureendイベントにバインドするとき、あなたは1の周りにあるevent.scaleデータにアクセスすることができます。

  • case: scale < 1ズームアウト
    1. case: scale > 1ズーム

      このデータは絶対値ではなく、イベントがトリガーされる前の状態。例えば

      • ユーザーがレベルにズーム(さんが言わせて)2
      • ユーザはレベル(のは言わせ)1.8にズームアウト。 最後に、結果はで、ビューポートはまだズームされていますですが、scale value< 1になります。

      私の質問は、absolute zoom scaleの値にどうすればアクセスできますか?言い換えれば、initial scale valuescale valueをどのように比較できますか?

    答えて

    0

    私はこの方法でそれを考え出し:

    function getCurrentScale() { 
        return document.documentElement.clientWidth/window.innerWidth; 
    } 
    
    const INITIAL_SCALE = getCurrentScale(); 
    let lastScale = INITIAL_SCALE; 
    
    document.addEventListener('gestureend',() => { 
        let currentScale = getCurrentScale(); 
    
        console.log("scale", { 
        initial: INITIAL_SCALE, 
        last: lastScale, 
        current: currentScale 
        }); 
    
        lastScale = currentScale; 
    });