Zugriff auf die absolute Bildschirmskala Wert

Question

Ich bin auf der Suche nach absolute screen scale Wert.

Zum Beispiel, wenn Sie auf die gestureend Ereignis binden, können Sie auf event.scale Daten zugreifen, die eine um von 1 ist:

1. case: scale > 1Vergrößern
2. case: scale < 1Verkleinern

Diese Daten sind nicht absolut, sondern relativ zur Zustand bevor das Ereignis ausgelöst wurde.

Zum Beispiel:

• der Benutzer auf ein Niveau zoomt (sagen wir mal) 2
• dann zoomt der Benutzer auf ein Niveau aus (sagen wir mal) 1.8. Schließlich wird das Ergebnis sein, dass der Ansichtsfenster immer noch gezoomt wird, aber die scale value wird < 1 sein.

Also, meine Frage ist, wie kann ich auf den absolute zoom scale Wert zugreifen? Mit anderen Worten, wie kann ich die scale value über die initial scale value vergleichen?

Answer 1

Habe ich es auf diese Weise aus:

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; 
});