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

panning - 如何在 cytoscape.js 中启用/实现平移?

cytoscape.js 源代码多次提到平移。平移是指抓取背景并在抓取时沿鼠标移动方向移动整个图形的能力,就像在 d3.js 中所做的那样。到目前为止,我已经包含了相关的库和 css:

启用平移应该像加载依赖项和启用功能一样简单,还是用户有责任通过在抓取事件上调用 cy.pan() 来实现它?

0 投票
2 回答
2274 浏览

html - 平移 Html5 画布而不重新渲染

我想在我的 Html5 画布上平移而不必重新渲染,平滑过渡(不跳跃)。这可能吗?有代码示例吗?

如果可能的话,这也可以应用于缩放吗?

在低端系统(Windows 平板电脑)上运行时,我遇到了性能问题,其中平移只会占用过多的 CPU 并最终无法使用。范围是~2000 个图形对象。

0 投票
0 回答
389 浏览

java - 创建具有平移和缩放以及用户交互支持的图像查看画布

我正在创建一个类似于 Adob​​e Illustrator 的程序,但要简单得多,并且生成代码而不是图像。

我遇到的问题是 AffineTransform 无法正常工作。很可能是因为误用。是的,我知道有很多 AffineTransform 线程,但它们不能回答我的问题。

目前我正在尝试使用三个变量(scale、centerX、centerY)来控制图像的查看。centerX 和 centerY 是相对于图像的,而不是屏幕坐标。它们的目的是使放大和缩小从 JPanel 的中心而不是左上角。

我已经进行了几次不同的尝试以非常接近,但对于我正在做的事情还不够准确。完成此操作后,我不知道如何处理用户交互,因为 AfflineTransform.createInverse() 会引发 NoninvertibleTransformException。这方面的建议也很好。

我已经尝试了很多没有配置,但没有运气。这是我最后的方法,也许可以让您了解我正在尝试做的事情。

我希望我能很好地解释自己。这个 AffineTransform 的东西让我很困惑,我几乎无法解释我正在尝试做什么。

0 投票
1 回答
2584 浏览

java - JFreeChart:缩放和平移后数据消失

我有一个 JFreeChart 时间序列图表,它显示一个 TimePeriodValuesCollection。数据集包含两个区间。数据显示正确,我可以平移(使用 Ctrl 拖动)视图。问题是,如果我放大并在缩放视图中向右平移视图,则在第一个间隔不再可见后,第二个间隔突然消失。

一切都很好,如果只有一个间隔,或者我没有放大。

有什么想法吗?

SSCCE:

0 投票
1 回答
802 浏览

time-series - 平移时动态加载浮点时间序列的数据

我正在成功地使用 Flot 来绘制我正在处理的时间序列项目的使用情况。浮动图从过去 24 小时开始,并允许平移和缩放。

数据每 15 分钟在服务器上采样一次,转换为 json,并通过 AJAX 的忙轮询由浮点图下载(它检查更改)。

几个月后,我有这么多数据(当然),数组变得相当大。我想限制从服务器下载的 json 只包含浮点图的可见光谱。限制初始下载很容易,但我不知道如何处理平移和缩放。我已经有绑定到平移和缩放的事件处理程序,但它们会在每次移动时触发(尤其是平移)。

是否可以检测平移开始和结束的时间?

0 投票
1 回答
220 浏览

windows-phone-7 - 在 Bing 地图中平移和缩放

我想计算用户在使用 bing 地图(我使用的是 windows phone 7 平台)时所做的平移和缩放量(以纬度/经度或像素为单位)。任何解决该问题的建议将不胜感激。

0 投票
5 回答
4573 浏览

objective-c - 未调用带有 touchesMoved 的 UIScrollView

我有一个包含 UIImageView 的 UIScrollView。UIScrollView 允许缩放和平移 UIImageView。

问题是我每次都想知道手指的运动,我试图用 touchesMoved 方法来捕捉事件。但它不起作用,尽管正确调用了 touchesBegan 和 touchesEnded 。

实际上,如果手指移动非常小,并且 UIScrollView 没有开始平移,就会调用 touchesMoved。在 UIScrollView 开始移动的那一刻,事件停止被调用。

有人知道问题出在哪里以及如何解决吗?我想也许里面的 UIImageView 正在捕捉事件或类似的东西。

0 投票
1 回答
3448 浏览

c# - 简单的 WPF 平移;这段代码很接近但不太正确

我正在尝试使用其 RenderTransform 对 WPF Canvas 对象执行一些简单的平移。我希望能够按住鼠标按钮并拖动。使用下面的代码,当你点击的时候会有一个奇怪的跳跃。是什么原因造成的?其次,由于没有更好的术语,拖动被拖动的对象是“摇晃”的。这是为什么?

和 XAML:

0 投票
1 回答
7961 浏览

html - HTML5 或 JQuery 全屏十字光标

我们都在电脑上看过那些带有全屏十字光标的军事电影,甚至在你看到的一些动画中。

例如,在 YouTube 上标题为“Dishonorable Disclosures”的这段视频的开头,你会明白我在说什么。- https://www.youtube.com/watch?v=X-Xfti7qtT0

另一个例子是适用于 Windows 的程序“CrossHair 1.1” - http://www.softpedia.com/get/Desktop-Enhancements/Other-Desktop-Enhancements/CrossHair.shtml

我确实相信在 HTML5 中可以做到这一点,但完全不知道它是否在 JQuery 中,更不用说如何用任何一种语言来做到这一点了。但是我很想知道,所以我可以自己做。如果有人有任何链接、资源或任何东西可以帮助解决这个问题,我相信其他人也想学习如何。任何帮助将不胜感激。

谢谢并保重。

非常感谢“Gaby aka G. Petrioli”解决了这个问题。我将完整的代码放在下面(带有一点样式)以节省一些时间。

0 投票
1 回答
8382 浏览

user-interface - 平移,精确定义

滚动和平移有什么区别?平移是否被识别为拖动图像/背景的动作,而滚动仅在您使用滚动条时?

而且,拖动和平移有什么区别?

当我拖动google maps的地图时,哪个术语合适,拖动还是平移???