问题标签 [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 投票
3 回答
11329 浏览

opengl - 缩放、平移和旋转如何工作?

使用 OpenGL 我正在尝试绘制我校园的原始地图。

谁能向我解释一下平移、缩放和旋转通常是如何实现的?

例如,通过平移和缩放,这仅仅是我调整我的视口吗?所以我绘制并绘制了构成我的地图的所有线条,然后当用户单击并拖动它时,它会调整我的视口吗?

对于平移,它会改变我的视口的 x/y 值吗?对于缩放,它是否会增加/减少我的视口?轮换怎么办?

对于旋转,我是否必须对代表我的校园地图的每条折线进行仿射变换?在一张体面大小的地图上即时执行此操作会不会很昂贵?

或者,视口是否保持不变并且以其他方式完成平移/缩放/旋转?


例如,如果您转到此链接,您会看到他通过修改视口来准确描述我上面的平移和缩放。

这不正确吗?

0 投票
12 回答
147436 浏览

c# - 平移和缩放图像

我想在 WPF 中创建一个简单的图像查看器,使用户能够:

  • 平移(通过鼠标拖动图像)。
  • 缩放(带有滑块)。
  • 显示叠加层(例如矩形选择)。
  • 显示原始图像(如果需要,使用滚动条)。

你能解释一下怎么做吗?

我在网上没有找到好的样本。我应该使用 ViewBox 吗?还是图像刷?我需要 ScrollViewer 吗?

0 投票
1 回答
1431 浏览

wpf - 这个图像平移算法有什么问题?

针对这个关于 WPF 中缩放和平移的问题,我建议使用 ScaleTransform 并在 MouseMove 事件中更新 RenderTransform 原点。这可行,但我对平移运动与鼠标不完全匹配的事实不满意。我可以看到这个算法的问题是什么,但正确的实现仍然让我望而却步。

关于如何使这种方法起作用的任何想法?

0 投票
1 回答
1749 浏览

c# - Forms control that allows zoom, pan AND POI

For my phD project I need to do microscopy imaging. I cooked up an application using C#/winforms/GDI that allows me to display my images, zoom/pan them and display a ruler.

However, the thing is quite buggy, although usable...

What I need now is some kind of system to store a list of POIs (points of interest) based on user interaction.

These points can be used to center the image on them/direct the imaging hardware to them etc...

I have no clue how to go about this in the most efficient way. There is at least one commercial control that pretty much does what I want but it is very expensive, not open source and intended for use on web forms.:

Example Zoomcontrol

Who can help... deadlines are looming... :s

0 投票
3 回答
1017 浏览

jquery - Jquery gzoom插件中的无效参数错误

我正在使用一个名为 Jquery gzoom 的 Jquery 插件。这是非常好的脚本,但是当我在 IE 中测试它时。该脚本显示无效参数错误。该错误仅显示在 IE 中。

我想知道是否有人可以弄清楚脚本中导致错误的位置。

插件页面: http: //lab.gianiaz.com/jquery/gzoom/index_it.html

提前致谢。

0 投票
3 回答
1380 浏览

silverlight - Silverlight:动画和/或平移图像

我有一个客户要求将动画/平移图像添加到他们的网站。基本上,这是一个标准尺寸的图像,他想把它放在一个稍微窄一点的框架中,并让图像从左到右平移作为他网站上的视觉元素。无需点击和拖动;它基本上只是一个从左到右的动画平移,然后从另一张图片重新开始。

这是一个 .NET 页面,我有一堆 Silverlight 书籍,我打算学习它。我认为现在和任何时候一样好,因为现在我实际上可以使用它。作为记录,我是一名经验丰富的 .NET 开发人员,但除了阅读几本书的前几章之外,我并没有过多地使用 Silverlight。

所以...第一个问题,我假设这可能与 Silverlight 有关,我错了吗?

第二个问题,如果我能做到,有人能指出我正确的方向吗?就需要什么功能/控制/技术来做到这一点?我正在阅读深度变焦,但这似乎不是我想要的。我只需要获取一个标准尺寸的 jpeg/gif/whatever 文件,让它从左到右慢慢平移。为了做到这一点,我需要学习/花一些时间学习什么 Silverlight 功能?

0 投票
1 回答
2846 浏览

wpf - WPF 3D:以鼠标指针坐标为中心的缩放模型


平台:

  • .NET 3.5 与 C#
  • WPF
  • 3D工具

我正在使用 Codeplex 站点 ( 3D Tools ) 中的 3DTools 来旋转和平移 3D 模型。这工作正常。Trackball 类还包含一个使用鼠标滚轮缩放模型的方法。但是,此方法始终以 Point(0,0,0) 作为缩放中心来缩放模型。但我想缩放到鼠标指针的坐标(比如谷歌地图,在这里你不是缩放到地图的中心,而是缩放到鼠标指针的坐标)。

我尝试了不同的方法来解决这个问题:

  • 将Trackball 类的 ScaleTransform3D 对象的CenterX/Y/Z设置为鼠标指针坐标 -> 它不起作用
  • 缩放后平移模型-> 也不起作用;因为鼠标指针的坐标没有改变,所以我无法计算平移距离,例如
    • MousePointer 缩放前的坐标 -> 334, 210
    • 从 Trackball 类调用 Zoom(-e.Delta)
    • MousePointer 缩放后的坐标 -> 334, 210
    • 如果 MousePointer 坐标发生变化,例如 330、205,我可以将模型向左平移 4 个点,向上平移 5 个点(我的程序也有 2D 模式,并且坐标会发生变化)
  • 移动相机位置-> 不起作用;基于当前相机位置和 MouseWheelEventArgs.Delta 我计算了新的相机位置

有人知道如何解决这个问题吗?

0 投票
2 回答
6615 浏览

android - Android:让 WebView 显示位图的最简单方法?

我有一些从存储在位图变量中的远程源加载的图像,我想显示它们。除了在这些图像之间切换之外,用户还应该能够缩放和平移它们。我的第一个想法是以某种方式通过意图将它们传递给内置的画廊应用程序,但这似乎是不可能的。在几个地方建议的解决方案是使用 WebView,因为它已经支持缩放和平移。我的问题是我的位图数据如何进入 WebView?我是否必须先将其写入文件,以后必须再次删除,还是有更简单的方法?

还是有更好的方法来实现我的主要目标,即将位图数据显示为可缩放和可平移的图像?

0 投票
1 回答
2460 浏览

javascript - 根据鼠标位置缩放到 SVG 的不同部分

因此,我找到了一个似乎可以做到这一点的脚本,但是它<g>通过对其应用转换矩阵来缩放包含整个 svg 内容的 a (尽管由于嗅探它不会放大 Opera)。将所有元素包装在 a<g>中不是一种选择,因为我正在制作图像查看器并且可能会加载不同的文件。

transform="matrix(...)"在根上设置 <svg>没有效果。设置currentScale<svg>缩放图片,但从左上角开始,而不是从鼠标位置或图像中心。而且平移功能也不起作用,因为拖动整个<svg>元素似乎是不可能的。

操作viewBox属性似乎很有帮助,但要找出它的必要值确实很棘手。

那么你能想出一种在这种情况下进行缩放和平移的方法吗?

您可以在此处下载演示。需要在您的计算机上安装 Opera。

0 投票
3 回答
7582 浏览

iphone - 缩放和平移 2D cocos2d iphone 游戏的最佳方式

使用 Cocos2d for iPhone 实现可平移缩放游戏地图的最佳方式是什么?它将类似于 Mobile Safari,但游戏地图不完全适合屏幕。或者像愤怒的小鸟、割绳子等一样。

这不会是一个横向滚动游戏,只是一个可以放大/缩小的固定游戏区域。

我是新手,所以如果有这方面的教程会很棒。

谢谢