问题标签 [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 投票
1 回答
4256 浏览

c# - 一个简单的平移 PictureBox (Winforms)

我想在 C# winforms 中实现一个平移图片框。我有一个将 autoScroll 属性设置为 true 的面板。在面板中,我有我的图片框,其 sizeMode 设置为 autoSize。在图片框上,我正在监听鼠标事件,如下所示:

问题是,在我释放按钮后,某些东西仍然会触发 mouseMove 事件,并且图像的平移速度非常缓慢,远远超过了它应该的水平。如果我将图像拖动几个像素(可能是 2 或 3),那么在释放按钮后,图像将被平移几秒钟,输出为:

mousemove X: 66 Y: 37 mousemove X: 66 Y: 38 mousemove X: 66 Y: 39 mousemove X: 66 Y: 40 mousemove X: 66 Y: 41 mousemove X: 66 Y: 42 mousemove X: 66 Y: 43 mousemove X: 66 Y: 44 mousemove X: 66 Y: 45 mousemove X: 66 Y: 46

阿苏...

0 投票
1 回答
1575 浏览

google-maps - Google API 和 map.panTo:不平移

我正在尝试改进我的声音项目网站,但我陷入了……平移。

我有一个由标记填充的谷歌地图,与文本和录制的声音相关联。有用。我试图让用户通过平移来导航地图,因为我无法让我的地图平移。

我不是 php 或 Google API 方面的专家,这是我在这里的第一篇文章,希望格式正确。

该项目的网址是soundplaces.net

我创建了一个函数 map_panning(),然后尝试使用

在内容 div 中。

地图只是重新加载......即使我试图在函数中放置“return false”。

单击标记时,我还尝试使地图平移

但是,仍然不起作用。

有谁能够帮我?

这是我在 default.ctp 中的大部分代码(该网站是用 CAKE 制作的),希望对您有所帮助。

然后在体内

0 投票
1 回答
2552 浏览

wpf - 使用鼠标事件获得 ScrollViewer 的 PanningMode 行为

我正在尝试以与在 PDF 文档中平移相同的方式平移 ScrollViewer 的内容(滚动以放大/缩小,单击 + 拖动以平移) ScrollViewer 为触摸事件(PanningMode)内置了此功能,但是这似乎并没有转化为 Click+Drag 事件。有没有办法告诉它/模拟这个功能?

0 投票
1 回答
5393 浏览

javascript - 平移 + 缩放 HTML5 画布网格,第一列固定

我想创建一个带有固定第一列的 HTML5 画布网格(MS Excel 有类似的选项)。到目前为止,我已经能够创建以下内容:http: //jsfiddle.net/dobbylan/AbnpE/

我根据 Phrogz 的帖子添加了 Pan + Zoom 功能:Zoom Canvas to Mouse Cursor

但是,我在平移 + 缩放和固定列时遇到以下困难:

  • 我想防止将画布平移到比第一列更远的地方,即第一列最多可以在左边框。(同样适用于上边框和向下平移)
  • 缩放时,缩放第一列时出现问题,我无法修复

有人可以帮我解决这个问题吗?

0 投票
2 回答
8111 浏览

zooming - highcharts 平移

我正在尝试基于此示例实现 highcharts 平移:http: //jsfiddle.net/HXUmK/5/

但我希望能够用鼠标左键缩放并用鼠标右键平移。所以我修改了上面的代码并设法让它工作了一点,但是当我按住鼠标右键平移时,图表也会缩放。

有没有办法可以禁用鼠标右键放大highcharts?

编辑:对不起,不是很清楚。jsfiddle 中的代码不是我的代码。忘记那个代码,这只是我开始的一个示例表单。我正在尝试修改该代码以获得左键缩放和右键平移。所以我禁用了鼠标滚轮缩放并激活了标准 highcharts 缩放

Edit2:这是我的代码:http: //jsfiddle.net/TKPQN/

0 投票
1 回答
2809 浏览

android - 滚动/平移或拖动自定义布局

由于我是 Android 新手,因此我已经通过大量研究为缩放制作了自定义相对布局,现在我想合并应该像 Imageview 一样的平移/拖动,即绑定限制。

我没有使用矩阵,而是ScaleGestureDetector.SimpleOnScaleGestureListener. 现在我想合并平移/拖动。

如何在我的代码中实现拖动/平移?这是我的自定义相对布局,带有适当的评论和理解。

0 投票
1 回答
1482 浏览

android - 构建可缩放/可平移的容器

我正在尝试制作一个支持平移和缩放其内容的 ViewGroup。我在网上只能找到在 ImageView 中执行此操作的想法和实现,但绝不是容器。我想显示一张地图,在它上面我想显示多个标记,这些标记是 ImageButtons,因此用户可以点击它们以获取更多信息。这是通过 UIScrollView 在 iOS 上实现的,但我在 Android 上找不到替代方案。

我决定使用 FrameView,所以我可以设置一个 ImageView 与图像作为背景,并在它的顶部添加一个 RelativeLayout,我可以在其上添加 ImageButtons 并使用边距定位它们。

我在这里借用了 TouchImageView 的部分实现,但遇到了麻烦。我已经开始平移,我部分成功了,它平移了容器,但是平移效果很糟糕,抖动很多。这是我的代码:

任何想法都非常感谢。

编辑:抖动似乎是原因,因为移动时,deltaX 和 deltaY 在正数和负数之间交替,检查 LogCat ......仍然不知道为什么。这是由 curr 变量引起的,该变量每次都给出不同的值,但不是一致的,它们看起来好像手指会前后移动而不是向前移动。例如,curr.x 不是 0,1,2,3,4 等,而是 0,1,0.5,2,1.5 等。也不知道为什么。

0 投票
1 回答
1765 浏览

android - 添加许多叠加层后,MapView 平移和缩放很慢

所以我花了很多时间试图弄清楚如何加快速度,但我现在没有想法。我有一堂课,mapPopup其中 aMapView显示在整个屏幕上。有一个 in 数组的数组GeoPointmapPopup我想在数组的第二维中的每个 GeoPoint 之间画线。我已经使用mapOverlay扩展的自定义类完成了这项任务Overlay,但我遇到的问题是,一旦绘制了所有地图叠加层,地图的缩放或平移速度非常慢。将所有叠加层添加到地图后,通常会超过 2000 个,但它们都非常小。

考虑到如果叠加层较少,地图会更快地工作,我将所有线绘制到三个单独的叠加层,而不是每条线的单独叠加层。这实际上导致地图的平移和缩放速度变慢,所以我恢复到许多小的叠加层。

我将不胜感激一些信息丰富且易于理解的方法描述,我可以用来使地图更快。潜在方法的伪代码或真实代码也将帮助我更好地理解它。我的代码发布在下面。再一次,请注意我的叠加层和地图正确显示;我只是想要一种允许更快平移和缩放的方法。

mapOverlay 类

mapPopup 类

0 投票
1 回答
737 浏览

wpf - 检查用户是否在 Bing 地图中移动地图

我正在尝试在 WPF 中使用 Bing 地图,但一切都令人困惑,因为在线搜索让我产生了错误的希望。我会搜索一些东西,但要获取 AJAX 版本而不是 WPF 版本。如果有人可以向我指出适当的文件或帮助解决这个问题,那么我将永远欠他们的债。

我的 WPF 应用程序中有一张地图,我想在用户滚动时对其进行跟踪。我尝试将地图绑定到 DragEnter 事件,但这并没有做任何事情。我的问题是是否有一个事件可以用来检查用户是否正在平移或缩放地图?

提前致谢。

0 投票
0 回答
1224 浏览

ios - (iOS) 使用 UIGestureRecognizer 缩放和平移视图

我正在尝试使用 UIGestures 执行类似于 UIScrollView 的缩放和平移。

我的观点是从开/关单元矩阵中得出的,需要能够支持数千个单元。drawRect: 方法负责将矩阵坐标转换为屏幕坐标。该视图具有缩放量的属性和保存偏移量的 CGPoint。

我想如果我能弄清楚下面的缩放和平移,我应该很好。很抱歉下面的代码墙,但它代表了一个完整的实现,它反映了我更复杂的程序。

现在,缩放确实缩放了一切,但它需要一种方法来使自己居中,就像 UIScrollView 缩放一样。

平移根本无法正常工作。


缩放视图.h

ZoomView 负责绘制布尔矩阵。


缩放视图.m

drawRect: 方法进行计算以确定哪个矩阵元素应该位于屏幕的可见部分。屏幕的可见部分由 zoomScale 和偏移量决定。


缩放视图控制器.h

此视图控制器包含手势识别器和处理程序


缩放视图控制器.m

zoomView 设置在 UIView 内,该 UIView 将屏幕框架作为其框架。zoomView 本身比屏幕大一点,以允许绘制半个单元格。


缩放模型.h

这个类只是用随机的开/关值填充一个布尔矩阵,这样我们就可以在屏幕上看到一些东西它在它的访问器方法中模拟了我更复杂的应用程序模型。


缩放模型.m