gpt4 book ai didi

javascript - 使用 JavaScript/Hammer.js 检测 Android 缩放 innerWidth

转载 作者:塔克拉玛干 更新时间:2023-11-03 01:04:19 26 4
gpt4 key购买 nike

我想知道缩放时缩放的 innerWith/viewport 宽度。

如果低于 500 像素,我想更改图像:

$("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png");

我试过这样的:

var hammer = new Hammer(document.getElementById("log"));

hammer.ontransformstart = function(ev) {
var pziW = "test"; // Declare here the innerWidth of the pinch to zoom
if (pziW < 500) {
$("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png");
}
};
hammer.ontransform = function(ev) {
var pziW = "test"; // Declare here the innerWidth of the pinch to zoom
if (pziW < 500) {
$("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png");
}
};
hammer.ontransformend = function(ev) {
var pziW = "test"; // Declare here the innerWidth of the pinch to zoom
if (pziW < 500) {
$("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png");
}
};

但我不知道如何声明缩放的 innerWidth。

这是 jsFiddle:

http://jsfiddle.net/nLvu6/

有人有答案吗?

最佳答案

您想要检测的不是 innerWidth。

看一下传递给锤子函数的 ev 变量:

distance: 0
distanceX: 0
distanceY: 0
originalEvent: TouchEvent
position: Object
rotation: 124.85234015769826
scale: 2.0725083746457824
touches: Array[0]
type: "transformend"
__proto__: Object

scale: 2.0725083746457824 就是我们想要的。如果比例高于或低于某个阈值,则执行图像替换功能。

我已经 fork 了你的 JSFiddle。看这里:http://jsfiddle.net/BFBrU/14/

Before pinch After pinch

关于javascript - 使用 JavaScript/Hammer.js 检测 Android 缩放 innerWidth,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14662824/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com