- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
捏合放大和缩小涉及的 Javascript 或 jQuery 或 jQuery 移动事件是什么?我正在 try catch 这些事件以在不影响网站的整个布局的情况下放大和缩小 div 内的图像。 Simplest way to detect a pinch适用于 iPad 但不适用于安卓。
在 Android 平台上检测相同内容的等效方法是什么?
感谢任何帮助。
编辑:我一直在尝试 touchy.js这适用于对图像进行放大和缩小,但是如果无法通过手指滑动或类似操作访问图像的一部分,则放大图像是没有用的。
例如,考虑以下代码:
<div style=" border: 1px solid blue; width: 560px; overflow:scroll;">
<p> </p>
<img id="image" src="images/tux.png" alt="my image" style=" border: 1em solid gray;" />
</div>
我需要图像保留在 div 中,并且用户在放大后应该能够在图像周围移动。但是使用这段代码,我必须在空白区域(由段落标记创建)上滑动手指为了水平地转到图像的不同部分。垂直方向也是如此(您必须在网页的空白处滑动手指才能看到图像的纵向)。我想说的是,在图像内部滑动 Action 没有任何效果,而用户会期望在放大图像后这样做。
没有例子很难解释,我尝试创建 http://jsfiddle.net/Debarupa/8peaf/但它不能像我希望的那样工作,因为我无法在头部编辑元数据。我需要添加:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1" />
使整个网页不可缩放。
最佳答案
您可以通过监视用户的手势并跟踪他们手指的接触点来计算自己的比例。
类似于:
var tracks = [];
$myElement.on("touchmove", function (event) {
//only run code if the user has two fingers touching
if (event.originalEvent.touches.length === 2) {
//track the touches, I'm setting each touch as an array inside the tracks array
//each touch array contains an X and Y coordinate
tracks.push([ [event.originalEvent.touches[0].pageX, event.originalEvent.touches[0].pageY], [event.originalEvent.touches[1].pageX, event.originalEvent.touches[1].pageY] ]);
}
}).on("touchstart", function () {
//start-over
tracks = [];
}).on("touchend", function () {
//now you can decide the scale that the user chose
//take the track points that are the closest and determine the difference between them and the points that are the farthest away from each other
});
但是,如果您想使用预制的东西,那么我建议您查看 Touchy:https://github.com/HotStudio/touchy
关于javascript - 捏放大,缩小 - Android 平台上 web 的 Javascript/jQuery/jQuery 移动事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12900913/
我正在开发一个在 VS 社区 2017 中开发并使用 IIS Express 10 的 .net Core MVVC 项目,我遇到了 TempData 无法在我开发的 3 台计算机中的两台上运行的问题
我是一名优秀的程序员,十分优秀!