访问绝对屏幕比例值
问题描述:
我在寻找absolute screen scale
的值。访问绝对屏幕比例值
例如,当绑定到gestureend
事件,就可以访问到event.scale
数据这是1
的周围:
-
case: scale > 1
放大 -
case: scale < 1
缩小
这个数据,而不是绝对的,是相对于事件触发前的状态。
例如:
- 用户放大到一定程度(比方说)
2
- ,则用户缩小到一定程度(比方说)
1.8
。 最后,结果将是视口仍然被缩放,但scale value
将是< 1
。
所以,我的问题是,我怎样才能访问absolute zoom scale
值?换句话说,如何比较scale value
而不是initial scale value
?
答
我想通了这种方式:
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;
});