问题标签 [pan]

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 回答
2453 浏览

jquery - jQuery - 将图像缩放到指定位置

这是我的要求:我有一个应该显示图像(JPEG)的 DIV。当页面被渲染时,这个 div 应该以指定的缩放系数将图像显示到图片上的指定位置(点)。图片应该放在这个DIV里面(不能超过DIV的边距)。在这个 DIV 上,图像可以(在初始缩放之后)移动/平移(通过鼠标或滚动条)和放大和缩小(通过鼠标滚轮、按钮、滑块或任何方法)。在某些情况下,DIV 应该显示(聚焦)图像的另一个点(相同或其他缩放因子)。图像会在某些事件中发生变化。当焦点从一个点切换到另一个点(但在同一页面上)时,我不想重新加载图片,以防图像源发生变化。

我在这里找到了类似的东西,但不太接近我的要求: http ://www.htmldrive.net/items/show/394/JQuery.iviewer-zoom-image-and-to-drag-effect

我提到我是 javascript 的新手,对任何部分要求的任何帮助都非常受欢迎。如果您知道可以执行此操作的(免费)插件,请告诉我。

感谢您为我的问题付出的宝贵时间

0 投票
1 回答
2092 浏览

internet-explorer-8 - 在 IE8 RaphaelJS 中平移/缩放非常缓慢

我一直在努力获取这个座位映射图表并创建了一些迭代,我一直发现的问题是当我到达 IE8 时,平移会变慢和延迟。

此时我要减少加载时间的是创建一个 png 来替换我的“笔画”,因为我假设 ie8 每次拖动地图时都想重新渲染。

我还添加了控件,希望强制 IE8 用户使用此选项,但平移仍然存在延迟,如果我可以让使用 IE8(如果可能的话,还有 ie7)的用户仍然可以在没有控件的情况下拖动/平移,并且响应时间会更快一点那太好了。

这是我当前的 JSFiddle

我对 JS 还是有点陌生​​,所以如果您有任何建议,将不胜感激。(PS Chrome 框架很棒,但适合我)

更新

我已经删除了原来的拖动功能,并使用jqueryui的可拖动功能替换了代码。Martin 建议只拖动 div,而不是 Raphael 元素。这样做可以让这个东西在 ie6-8 中飞行,这很棒,但后来我担心缩放。我之前在缩放时看到的我的纸元素 WxH 将保持相同的比例,当它放大时会切断我的绘图。在挖掘 Raphael 文档后,我遇到了 paper.setSize。setSize 正是我需要让这个项目在 ie6-8 中移动和优化并几乎征服其路径中的所有浏览器。

简而言之,使用 jqueryui 的可拖动和 paper.setSize 治愈了我的跨浏览器缩放 n' 泛蓝。

0 投票
0 回答
251 浏览

ios - 连续水平滚动 MKMapView

有没有办法让 iOS 上的 Google MKMapView 能够“持续”水平滚动?Android 允许您不断地向左或向右平移。它使放大太平洋国家变得容易。我 iPhone 上的地图应用程序似乎没有这种行为,但我希望 API 允许我以某种方式对其进行配置。

0 投票
5 回答
8690 浏览

xcode - 是否有在 Xcode 4.3 中启用用鼠标平移情节提要的热键?

我正在寻找一个热键,例如spacebar+ Click 'n drag,它可以让我使用鼠标来平移 Xcode Storyboard。

显然我可以使用鼠标滚轮来平移情节提要,但是单击并将其拖动到我想要的确切位置要乏味得多。

有没有办法通过单击和拖动动作来平移 Xcode 故事板?

0 投票
2 回答
2869 浏览

ios - iOS:对象重叠时禁用平移手势

我有一些使用Pan Gesture. 现在我希望对象在以下任一情况下永久停止移动

  1. 它与特定的(静止的,无法移动的)对象重叠,或
  2. 它进入一定范围的位置。

removeGestureRecogniser当两个对象重叠使用但它不起作用时,我试图停止它。

0 投票
1 回答
341 浏览

objective-c - 为什么我在rotae之后使用“pan”会使视图相反?

为什么旋转后使用“平移”会使视图相反?

看来这两个手势是使用不同的坐标系?旋转用的是旋转的,平移用的是普通的?

如果视图在 0' 或 360' 附近旋转,则平移将是正常的,如果视图旋转得更接近 180',“平移”将使视图更多地向相反方向旋转。

谢谢。

在此处输入图像描述

0 投票
1 回答
483 浏览

iphone - 使用平移手势识别器将多个图像视图一起移动

我正在为 xcode 中的 iphone 创建一个应用程序,其中背景图像比屏幕大得多。我在背景的图像视图中添加了一个平移手势识别器,它允许它自由移动,这样用户就可以看到他们控制的角色之外的东西。

这工作得很好,但是当我添加额外的图像视图(对于整个区域的角色和其他对象)时,它们将保持静止。有没有办法将多个图像视图连接到一个平移手势识别器,以便在移动一个手势识别器时,它们都一起移动?

我尝试将其他图像视图连接到平移手势识别器的引用出口集合,但是当程序运行时,它只平移最后连接的图像视图,而其他图像视图保持静止。

我是 xcode 的新手,我确信这是我忽略的相对简单的事情,但我无法在互联网上找到答案,所以任何帮助将不胜感激。:)

谢谢!

0 投票
1 回答
3314 浏览

canvas - 如何实现单个画布缩放/平移

我有一个画布元素(填充手动制作的像素值,而不是现有图像),我想在该画布上实现缩放/平移控件,是否有任何现有的库可以做到这一点?

非常感谢!

0 投票
1 回答
14078 浏览

c# - 如何在 PictureBox 内平移图像

我有一个PictureBox可以使用MouseWheel事件放大的自定义。现在我想为它添加一个平移功能。我的意思是当 PictureBox 处于缩放状态时,如果用户左键单击并按住单击然后移动鼠标,则图像将在图片框内平移。

这是我的代码,但不幸的是它不起作用!我已经不知道去哪里找了...

我怀疑该MouseMove事件...我不确定此事件中是否发生任何事情和/或nx是否ny包含正确的点。

任何帮助/提示都非常有用!

0 投票
4 回答
20071 浏览

android - 缩放和平移 ImageView Android

我为 ImageView 创建了一个缩放和平移类。

我正在尝试创建的功能。- 它平移单指触摸和移动 - 它缩放和平移两指触摸和移动

在大多数情况下,这非常有效。当我执行以下操作时,它有一个小错误: - 我用一根手指平移(状态:没问题) - 我放下第二根手指,缩放并平移(状态:没问题) - 我松开我的第二根手指(状态:画面有点跳跃)

希望有人能帮我解决这个问题。

我认为它必须与在“case MotionEvent.ACTION_POINTER_UP”中重置 mLastTouchX 和 mLastTouchY 有关

任何帮助将不胜感激!