检测触摸设备捏合程度(缩放)

Pat*_*ick 2 javascript touch

假设默认级别等于“1”,是否可以检测触摸设备的捏合(缩放)级别?原因是我希望根据捏合级别禁用页面元素(显示:无)。

如果可以将其放在一个设置缩放级别值的函数中,那就太好了,例如:

var ZOOM = 1;
function detectPinchZoomLevel(ev){
  /*
      //some calculations here...
      ZOOM = 1.235 ; (for example)
  */
}
document.addEventListener('touchmove',detectPinchZoomLevel}, false);
Run Code Online (Sandbox Code Playgroud)

感谢帮助

Pat*_*ick 5

实际上相当简单:

var ZOOM = 1;
var viewport = window.visualViewport;
function resizeHandler() {ZOOM = viewport.scale;}   
window.visualViewport.addEventListener('resize', resizeHandler);
Run Code Online (Sandbox Code Playgroud)