问题标签 [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 回答
2154 浏览

wpf - 如何将速度和/或加速度合并到 (WPF) 滚动查看器中?

我有一个用于平移(MouseDown、MouseMove、MouseUp)的 WPF scrollViewer,我想包含一个包含惯性的加速效果。因此,如果鼠标移动超过阈值速度并且我释放鼠标,它会继续平移,但会根据初始速度减慢速度。有什么想法、想法或例子吗?

0 投票
1 回答
2540 浏览

asp.net - 在 ASP.Net 页面溢出 Div 中使用 Javascript 平移图像

我有一个 ASP.Net 页面,其中包含一个<div>带有<img>标签的页面。图像很大,因此<div>设置为 500x500 像素的大小,溢出设置为滚动。

我正在尝试使用单击并拖动图像来添加图像平移。但是,每次我开始拖动图像时,都会脱离元素的边界并消耗整个页面。

这是说明问题的示例代码:

另请注意,此 HTML 在非 ASP.Net 页面中可以正常工作。

ASP.Net Javascript 中是否存在导致此问题的内容?有没有人建议在<div>可以在 ASP.Net 中工作的块内平移 JPEG?我曾尝试使用 jQueryUI 库,但结果是一样的。

0 投票
2 回答
1280 浏览

javascript - 拖动鼠标右键时如何平移 div 的内容?

我需要一种跨浏览器的方式来捕获鼠标右键,防止默认上下文菜单,并使其在用户拖动鼠标时可以平移 div 的内容。这在很大程度上类似于谷歌地图,因为它们将抓住内容并拖动以查看他们想要的内容。

请不要使用外部库。

我已经在捕获事件,并且知道这将阻止默认操作:

但这并不妨碍上下文菜单 AFAIK。

编辑:我真的不确定如何防止上下文菜单以及操作滚动条的最佳方法是什么?例子会很棒

0 投票
1 回答
1494 浏览

jquery - 使用 jquery 平移和扫描图像的最佳方法

我正在尝试制作图像平移和扫描系统。我有一个缩放图像的滑块(可以拖动),还有一个位于图像角落的小地图(也可以拖动)。您可以在这里看到一个粗略的示例(对不起,我不允许使用该设计,因此未格式化): http: //lighe.madetokill.com/test/test.html

我的问题是,虽然它在 firefox 和 opera 中运行良好,但它在 chrome、safari 和 IE(它目前在 IE 中不起作用)在任何缩放级别上都卡顿,除了 100%(在 100% 时它是黄油光滑的)。

webkit性能不佳的原因是什么?我执行这个错误吗?我基本上是在改变图像的 margin-left 和 margin-top 属性。我知道这已经足够快了,因为它在 100% 时非常流畅。使用画布会更好吗?如果可能,我会尽量避免使用 flash(或任何其他插件)。

另请注意,这是正在进行的工作,除此之外还有其他错误,所以不要打扰那些:)

提前致谢!

0 投票
2 回答
2455 浏览

winforms - 在 UserControl 上拖动以平移

我正在尝试构建自己的“PictureBox like”控件来添加一些功能。例如,我希望能够通过简单地用鼠标单击和拖动来平移大图像。

问题似乎出在我的OnMouseMove方法上。如果我使用下面的代码,我会得到我想要的拖动速度和精度,但是当然,当我释放鼠标按钮并再次尝试拖动时,图像会恢复到原来的位置。

但是,如果我将OnMouseMove方法修改为如下所示:

...你会看到拖动不像以前那样平滑,有时表现得很奇怪(比如滞后或其他东西)。

我究竟做错了什么?

我还尝试在绝望的运动中删除所有“基本”调用来解决这个问题,哈哈,但同样,它没有用。

谢谢你的时间。

0 投票
1 回答
260 浏览

iphone - 如何像 safari broswer 一样实现两个手指平移?

我尝试在 ipad 中实现平移和缩放功能,例如 safari 浏览器。

我使用 UIPinchGestureRecognizer 用两根手指触摸进行缩放。但我不知道如何实现两个手指平移。

当我用两根手指触摸时,它的点击计数为 1。

请帮忙。

提前致谢。

0 投票
1 回答
590 浏览

c++ - 区分代码中的平移和正常屏幕模式 - Windows

我正在编写一个全屏 3D 游戏,我创建了一个菜单,用户可以在其中选择屏幕分辨率以匹配他的硬件容量。

我正在枚举所有可用的屏幕模式,EnumDisplaySettingsExA如下所示:

问题是,我也得到了平移模式!我分不清哪个是哪个;例如,我的 ATI 笔记本电脑的最大正常模式为 1280x800,但还包含 1024x600 的平移模式!

任何人都知道区分两者的方法,所以我可以从我的菜单中拒绝平移模式?

0 投票
1 回答
919 浏览

iphone - UIScrollView Vertical Pan 捕捉到视图的顶部或底部

我有一个 320x480 的图像,并且在改变方向后,这个图像显然挂在视野之外。有些图像的焦点位于底部被切断的位置(这不是不可取的)。然而,我的问题是当用户垂直平移以查看完整图像时,视图似乎会捕捉到底部,这意味着焦点的顶部被截断。我希望发生的是用户可以“自由滚动”图像并可能移动图像以使焦点位于屏幕中央,而不是切断顶部和底部。我知道这是一个难以用语言描述的概念,所以我在下面附上了一些图片。

它是这样开始的:

替代文字

这是它捕捉到底部的地方:

替代文字

这是我希望拥有但不能拥有的观点:

替代文字

有没有办法控制这种“捕捉”,或者在专门处理这种方向时我可以用来覆盖它的方法?我的问题是我希望它在向左/向右平移到 ScrollView 中的其他图像时捕捉,而不是向上/向下。

编辑:

pagingEnabled 是控制此捕捉的属性,但是无论如何都可以检测移动是向上/向下还是向左/向右并在每种情况下禁用或启用此属性?

为您能提供的任何帮助而欢呼

0 投票
2 回答
1315 浏览

javascript - ASP 图像上的 JavaScript 平移

这里有点问题。我尝试实现一些 Javascript,它应该向 ASP Image 组件添加一些客户端功能。实际上,这个图像组件是 DevExpress 组件之一,称为“AspxBinaryImage”。它只是一个稍微修改过的 ASP 图像,还有一些 CSS 和一些东西,但基础仍然只是 HTML 和许多行 JavaScript。

好的,现在解决我的问题:我尝试在此图像上实现平移。如果我省略了任何类型的 ASP 组件,而只是将站点命名为一个简单的 HTML 页面,那么 IE 就没有问题,但 Mozilla 根本不起作用。如果我尝试在 ASP 页面上下文中使用此 JavaScript,则根本没有任何效果。

我发现了这个:在 ASP.Net Page Overflows Div 中使用 Javascript 平移图像并将其中的许多部分改编到我的函数中。我还尝试了其中一个回复中的“自定义”,但没有奏效。实际上,Firefox 的 JavaScript 控制台以及 FireBug 控制台似乎没有在源代码中发现任何错误、冲突或问题。

这是我在任何浏览器中都不起作用的 ASP 页面的完整代码:

似乎事件处理(尤其是从 HTML 元素上的操作接收的值)似乎有所不同,具体取决于浏览器......

希望你能帮助我。

0 投票
2 回答
1211 浏览

jquery - 使用 jQuery 进行纪录片风格的图像平移?

关于使用 jQuery 进行缩放和平移有几个问题,但它们(据我所知)都与将缩放或平移与用户行为挂钩,例如鼠标或使用滑块有关。

我对不同的东西感兴趣:关于使平移自动发生的任何建议?我的想法可以在这个视频中看到:

http://www.youtube.com/watch?v=q-2WSDtksj0