问题标签 [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.
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 的新手,对任何部分要求的任何帮助都非常受欢迎。如果您知道可以执行此操作的(免费)插件,请告诉我。
感谢您为我的问题付出的宝贵时间
internet-explorer-8 - 在 IE8 RaphaelJS 中平移/缩放非常缓慢
我一直在努力获取这个座位映射图表并创建了一些迭代,我一直发现的问题是当我到达 IE8 时,平移会变慢和延迟。
此时我要减少加载时间的是创建一个 png 来替换我的“笔画”,因为我假设 ie8 每次拖动地图时都想重新渲染。
我还添加了控件,希望强制 IE8 用户使用此选项,但平移仍然存在延迟,如果我可以让使用 IE8(如果可能的话,还有 ie7)的用户仍然可以在没有控件的情况下拖动/平移,并且响应时间会更快一点那太好了。
我对 JS 还是有点陌生,所以如果您有任何建议,将不胜感激。(PS Chrome 框架很棒,但不适合我)
更新
我已经删除了原来的拖动功能,并使用jqueryui的可拖动功能替换了代码。Martin 建议只拖动 div,而不是 Raphael 元素。这样做可以让这个东西在 ie6-8 中飞行,这很棒,但后来我担心缩放。我之前在缩放时看到的我的纸元素 WxH 将保持相同的比例,当它放大时会切断我的绘图。在挖掘 Raphael 文档后,我遇到了 paper.setSize。setSize 正是我需要让这个项目在 ie6-8 中移动和优化并几乎征服其路径中的所有浏览器。
简而言之,使用 jqueryui 的可拖动和 paper.setSize 治愈了我的跨浏览器缩放 n' 泛蓝。
ios - 连续水平滚动 MKMapView
有没有办法让 iOS 上的 Google MKMapView 能够“持续”水平滚动?Android 允许您不断地向左或向右平移。它使放大太平洋国家变得容易。我 iPhone 上的地图应用程序似乎没有这种行为,但我希望 API 允许我以某种方式对其进行配置。
xcode - 是否有在 Xcode 4.3 中启用用鼠标平移情节提要的热键?
我正在寻找一个热键,例如spacebar
+ Click 'n drag
,它可以让我使用鼠标来平移 Xcode Storyboard。
显然我可以使用鼠标滚轮来平移情节提要,但是单击并将其拖动到我想要的确切位置要乏味得多。
有没有办法通过单击和拖动动作来平移 Xcode 故事板?
ios - iOS:对象重叠时禁用平移手势
我有一些使用Pan Gesture
. 现在我希望对象在以下任一情况下永久停止移动:
- 它与特定的(静止的,无法移动的)对象重叠,或
- 它进入一定范围的位置。
removeGestureRecogniser
当两个对象重叠使用但它不起作用时,我试图停止它。
objective-c - 为什么我在rotae之后使用“pan”会使视图相反?
为什么旋转后使用“平移”会使视图相反?
看来这两个手势是使用不同的坐标系?旋转用的是旋转的,平移用的是普通的?
如果视图在 0' 或 360' 附近旋转,则平移将是正常的,如果视图旋转得更接近 180',“平移”将使视图更多地向相反方向旋转。
谢谢。
iphone - 使用平移手势识别器将多个图像视图一起移动
我正在为 xcode 中的 iphone 创建一个应用程序,其中背景图像比屏幕大得多。我在背景的图像视图中添加了一个平移手势识别器,它允许它自由移动,这样用户就可以看到他们控制的角色之外的东西。
这工作得很好,但是当我添加额外的图像视图(对于整个区域的角色和其他对象)时,它们将保持静止。有没有办法将多个图像视图连接到一个平移手势识别器,以便在移动一个手势识别器时,它们都一起移动?
我尝试将其他图像视图连接到平移手势识别器的引用出口集合,但是当程序运行时,它只平移最后连接的图像视图,而其他图像视图保持静止。
我是 xcode 的新手,我确信这是我忽略的相对简单的事情,但我无法在互联网上找到答案,所以任何帮助将不胜感激。:)
谢谢!
canvas - 如何实现单个画布缩放/平移
我有一个画布元素(填充手动制作的像素值,而不是现有图像),我想在该画布上实现缩放/平移控件,是否有任何现有的库可以做到这一点?
非常感谢!
c# - 如何在 PictureBox 内平移图像
我有一个PictureBox
可以使用MouseWheel
事件放大的自定义。现在我想为它添加一个平移功能。我的意思是当 PictureBox 处于缩放状态时,如果用户左键单击并按住单击然后移动鼠标,则图像将在图片框内平移。
这是我的代码,但不幸的是它不起作用!我已经不知道去哪里找了...
我怀疑该MouseMove
事件...我不确定此事件中是否发生任何事情和/或nx
是否ny
包含正确的点。
任何帮助/提示都非常有用!
android - 缩放和平移 ImageView Android
我为 ImageView 创建了一个缩放和平移类。
我正在尝试创建的功能。- 它平移单指触摸和移动 - 它缩放和平移两指触摸和移动
在大多数情况下,这非常有效。当我执行以下操作时,它有一个小错误: - 我用一根手指平移(状态:没问题) - 我放下第二根手指,缩放并平移(状态:没问题) - 我松开我的第二根手指(状态:画面有点跳跃)
希望有人能帮我解决这个问题。
我认为它必须与在“case MotionEvent.ACTION_POINTER_UP”中重置 mLastTouchX 和 mLastTouchY 有关
任何帮助将不胜感激!