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

jquery - 如何让我的 D3 地图缩放到某个位置?

我正在使用 D3,到目前为止,我已经能够调整叶绿素示例以仅绘制特定状态。这涉及简单地删除所有其他多边形数据,以便留下我需要的状态。

我从这个开始: 在此处输入图像描述

然后对此进行了调整: 在此处输入图像描述

但是,我想做的是在创建时自动平移/缩放地图,以便状态在显示器的前面和中心,如下所示: 在此处输入图像描述

我是否通过 D3 库执行此操作?或一些独立的代码(我目前使用 d3 运行 jquery-svgpan 以允许手动平移/缩放)以实现这一点?

0 投票
1 回答
6387 浏览

d3.js - D3 强制布局:使拖动(缩放)上的平移更平滑

我有一个 d3.js 静态力布局图,它可以变得相当大(有时部分被剪裁),所以我想让用户通过拖动来平移整个图。我认为我不需要拖动单个节点,我有一种感觉会令人困惑,但希望能够显示被 svg 边界裁剪的图形部分。

我在http://bl.ocks.org/3811811有一个最小的例子,它使用

来实现平移,但我发现它真的很“飘忽”,而且根本不是很平滑,以至于我猜它会阻止人们尝试拖动功能。有没有人知道为什么会发生这种情况和/或如何解决它的想法?

0 投票
2 回答
1985 浏览

zooming - 如何自动缩放/平移矢量图层中的所有要素?

使用 Openlayers,我想在显示矢量图层中所有特征的位置初始化地图。怎么做?

0 投票
2 回答
3194 浏览

d3.js - 平移/缩放序数比例?

我正在使用 d3 渲染简化的甘特图,并使用 d3.behavior.zoom 进行平移和缩放。

x 刻度是一个时间刻度(稍微修改为在列中居中日历天等)并且工作得很好,但是我在决定如何缩放/平移 y 刻度时遇到问题,它的域是一个任务列表,通常是太多无法放入图表区域,因此需要平移/缩放。

有没有办法告诉默认序数比例以对缩放/平移事件做出反应,或者我应该编写自定义比例?如果我需要编写自定义比例,最好将它基于 d3.scale.ordinal(让它存储整个任务列表,并仅使用可见子集作为其域),还是基于 d3.scale。线性的(然后实现类似于范围带等的序数比例?)。

还是我遗漏了什么(很可能,因为这是我第一个使用 d3 的项目)?

0 投票
0 回答
343 浏览

zooming - 在 Flash 中缩放、平移和拖动符号

我正在尝试修改此脚本http://www.flashandmath.com/howtos/zoom/以使用符号而不是位图图像。也接受加载 .swf 文件。请指教,如何实现。

我还需要使用鼠标滚轮进行缩放,但我认为我可以处理这部分。

任何帮助将不胜感激!

谢谢,戴安娜

0 投票
1 回答
308 浏览

android - Android MapView 在 ViewPagerIndicator 中没有缩放/平移功能

我尝试在 ViewPageIndicator 库的 TabPageIndicator 中显示 MapView。要在片段中使用 MapView,我正在使用 android-support-v4-r10.googlemaps.jar。

到目前为止,我可以显示 MapView,但它不会对触摸事件做出反应。我无法缩放或平移...

我的地图片段:

xml:

片段活动:

0 投票
0 回答
449 浏览

android - Android:如何在具有缩放、平移、缩放功能的布局上添加多个图像

我正在制作一个应用程序,它将像这样工作:

  • 我会有一个浏览器
  • 每个寻呼机元素将是一个图像作为背景
  • 我需要能够在此背景上添加自定义对象(其他小图像)并移动和缩放
  • 我需要缩放整个页面的功能,它上面的所有对象以及背景都可以缩放

你能帮我解决这个问题吗?

谢谢你

0 投票
4 回答
1453 浏览

ios - UIGestureRecognizerDelegate 来管理手势——我可以解除触摸吗?

我正在开发一个应用程序,其中大多数触摸手势都是平移手势(但我没有使用平移手势识别器)。我正在使用UIGestureRecognizerDelegate和使用touchesBegan, touchesMoved,touchesEndedtouchesCancelled. 但是,屏幕上有几个位置,如果平移从那里开始,我想将其识别为点击事件。我可以通过简单地识别 touchesBegan 中的位置来做到这一点。我的问题是,我可以在那时解除触摸以防止锅的继续吗?如果平底锅从屏幕中的这个位置开始,则可以保证它不是用户真正想要的平底锅。我希望这是有道理的。

编辑:我已经意识到,即使对于一个应该被忽略的点,管理水龙头的额外开销也是微不足道的,所以我想我会这样做。不过,我会在这里保留这个问题,以防有办法阻止手势继续被跟踪。

我还需要关于如何处理以下情况的建议。

假设用户启动了一个平底锅(不是在刚刚描述的区域,而是在它真正打算成为平底锅的地方),并且当平底锅进行时,另一个平底锅在屏幕上的其他地方启动。我如何识别这种情况?

编辑:我现在正在测试这段代码是否能解决这个问题:

编辑:ARC 禁止显式释放,所以现在我将我的问题修改为更一般的问题,如果有的话,我可以做些什么来抑制进一步的行动。还是我只需要处理它?

0 投票
0 回答
251 浏览

internet-explorer-8 - IE8 中的缩放和平移

如何放大和div平移IE8

任何支持缩放和平移的 javascript 库ie8

当我尝试使用看起来像这样的 tweenlite 时 http://jsfiddle.net/jophine/FLt9X/5/

它在所有浏览器上都可以正常工作,除了IE8.

在此处输入图像描述

在此处输入图像描述

0 投票
2 回答
1195 浏览

image - 如何在 Delphi 中从合成图像创建平移

我是 delphi 图形方法的新手,我一直在创建一个 ... viewport ,这就是我在为一个项目做它时的调用方式。对不起,我无法为它提供任何代码,但我被困在逻辑部分,搜索谷歌给我指出了一些 OnPaint , Draw 方法。但这些不是我想要完成的,因为我有,例如:

  1. 一个 1600x1000 背景图像锚定到客户端的顶部/底部/右侧和左侧。
  2. 多个 TImage 元素放置在集合 x/y 坐标处。
  3. 像 HTML 中的地图元素一样的“热点”,我可以在其中设置可点击区域(对于我在步骤 2 中放置的图像)
  4. 无需缩放。
  5. 最重要的是,在拖拽背景的同时,那些放置在背景之上的 TImage 也需要被拖拽。

我的逻辑(在 HTML/jQuery 中)是创建一个#viewportBinder(这是我拖动的 div,透明 bg),然后是另一个名为 #viewtown(1600x1000,背景)的 div,其中包含 div(那些 TImages)放置在 CSS 中的设置坐标处。

因此,当我拖动 viewportBinder 时,jQuery 在#viewport 上设置了新的 x/y。隐式地,#viewport 中的 div (TImages) 正在移动,因为父对象是相对定位的。

有没有人有这种项目的经验?任何代码片段?

更具体地说,我会给你我的 html 示例,说明我完成了什么以及我想将什么移植到 Delphi 代码中:http ://www.youtube.com/watch?v=9iYqzvZFnGA

对不起,如果我不够清楚,我没有起点,因为我在德尔福根本没有这方面的经验。(使用 RAD Studio 2010)