问题标签 [panning]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
891 浏览

android - 可以在允许用户单击 ItemizedOverlay 的同时在 android MapView 中禁用平移/缩放吗?

有没有办法禁用平移/缩放并保持地图叠加层可点击?

我正在特别考虑一个 ItemizedOverlay,我希望它可以被点击,同时拒绝用户在地图的视口中移动(这是为了游戏)。

我已经看到回答了同样的问题,但遗憾的是,答案不允许点击覆盖项目。

非常感谢,最好的问候,亚历克斯

0 投票
2 回答
4130 浏览

javascript - 谷歌地图可以设置为缓慢的恒定平移吗?就像一场全球革命?

就像标题所说的那样。我正在寻找解决方案,但没有找到任何可以引导我找到正确文档或文章的内容。

如果您有任何想法或可以指出我可以使用的可能解决方案,我们将不胜感激。

谢谢

0 投票
2 回答
13274 浏览

javascript - 基于鼠标移动的 HTML5 平移

我正在尝试在 HTML5 的画布内实现“平移”功能,但我不确定实现它的最佳方法。

目前 - 我正在尝试检测鼠标在画布上的位置,如果它在边缘的 10% 以内,它将朝那个方向移动,如图所示:

当前边缘检测:

我知道我可能可以通过在画布中创建路径并将事件附加到它们来实现这一点,但我没有与它们合作太多,所以我想我会在这里问。另外 - 如果一个“包装”平底锅可能会很棒(向左平移最终会向右)

摘要:我想知道在 HTML5 Canvas 内完成“平移”的最佳途径是什么。这不会使用图像,而是使用实际绘制的对象(如果这有什么不同的话)。如果可以的话,我很乐意回答任何问题。

演示:

演示

0 投票
1 回答
805 浏览

android - 在 Android WebView 中平移后单次触摸意外滚动

我已经扩展WebView并启用了缩放myWebView.getSettings().setSupportZoom(true);

当我在平移后点击屏幕(单击/触摸)时,WebView似乎移动(滚动)到另一个位置。这会打乱我的平移和双击事件,因为坐标会意外更改。

有没有办法防止这种情况?安卓版本是2.3。

0 投票
1 回答
1594 浏览

android - 无法在画布中平移和缩放图像

我正在尝试使用允许缩放和平移但会阻止用户将图像平移到屏幕外的画布显示图像。我已经能够停止平移,但是当图片缩放时,它会在图像边缘之前停止。即使放大,我也需要能够平移到图像的边缘。任何帮助将不胜感激。

我的代码显示图像,停止平移和缩放:

0 投票
3 回答
2984 浏览

ios - 使用两指平移和缩放分页 UIScrollView

测试用例很容易复制:下载 Apple 的PhotoScroller示例应用程序,并尝试对其进行调整,以便仅用两根手指进行平移(围绕缩放的图像,以及在每个图像之间)。

panGestureRecognizerthepagingScrollView和 the设置imageScrollView为仅接受最少和最多 2 次触摸似乎是一个不错的起点,但它不起作用。它可以让您用两根手指滚动图像*,但是分页不起作用。

我已经尝试了很多设置和自定义手势识别器的组合,我有点难过。自定义滚动视图子类是否有用,或者我可以以某种方式操纵滚动视图委托方法以使其工作?

*编辑:实际上,在这种情况下它不能很好地滚动。视图不再像单次触摸那样平滑滑动...

更新:我仍在努力解决这个问题。我会很感激那些玩过UIGestureRecognizers 和UIScrollViews 的人的一些意见。

编辑

ImageScrollView类设置为只接受两次触摸:

设置PhotoViewController'spagingScrollView只接受两次触摸:

这些修改直接在 PhotoScroller 示例应用程序之上进行。我希望这些简单的更改适用于两指交互,但是副作用很奇怪(如上所述)。

0 投票
1 回答
740 浏览

javascript - 如何使用 smoothZoom jquery 插件加速平移和缩放?

您好,我目前正在一个项目中使用 smoothZoom 插件(http://codecanyon.net/item/smooth-zoom-pan-jquery-image-viewer/511142)。我必须加载大约 2500 * 2500 像素的图像(客户端坚持不更改此大小,否则我只会调整图像大小)。

有人知道使平移和缩放更平滑的方法吗?

目前,smoothZoom 的操作非常缓慢。

0 投票
1 回答
2016 浏览

flash - 谷歌地图,禁用鼠标拖动/平移

我知道在 JavagoogleMap.draggable = false;中的“ google.maps.MapOptions对象规范”禁用拖动,但它如何适用于 Action Script 3.0?我想禁用鼠标拖动/平移。我用过googleMap.disableDragging();但是没用。。

0 投票
1 回答
235 浏览

jquery - 在 1 页上创建多个 jQuery 图像平移

Manos 有一个很棒的脚本,它允许您在将鼠标悬停在裁剪的图像上时对其进行平移。这是代码,这是一个演示

我想要做的是在 1 页上放置多个图像,每个图像具有不同的尺寸。(我尝试为此创建一个 JSfiddle,但效果不佳......)

我试图在一个页面上添加超过 1 个,但每个图像都反映了操作,并且每个实例都需要是完全相同大小的图像,否则它无法计算正确的平移。

首先十分感谢。

0 投票
0 回答
941 浏览

jquery - jQuery iFrame 内容平移(而不是滚动)

我正在寻找像谷歌地图这样的 iFrame内容平移,而不是常规滚动。我的意思是 ..说,我已经在 iFrame 中加载了 google.com。但是,我不想滚动 iFrame,而是想使用 Panning 向上/向下滚动页面内容。

这种iFrame 内容平移是否有任何插件?