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

javascript - 如何将平移和缩放控件添加到 Processing.js 画布?

我可以在画布上绘制形状。现在我想让用户使用键盘控件进行平移和放大和缩小。

0 投票
3 回答
8518 浏览

html - 带有缩放/鼠标平移/旋转/文本/事件的javascript图形引擎?

是否有一个开源 javascript 库能够开箱即用地创建类似http://www.marcelbeumer.com/media/main/demos/ngen/index.html的东西,或者最多使用一个非常简单的插件?

请注意,您可以: - 缩放 - 用鼠标平移 - 旋转 - 渲染文本 - 单击项目

如果它适用于 android/iOS,则加倍积分。

0 投票
1 回答
562 浏览

iphone - 如何用两根手指而不是一根手指来实现传统的 imageView-inside-a-scrollView 平移手势?

我有一个嵌套在 scrollView 内的 imageView,它允许我查看图像、捏缩放以及在放大到足够的情况下平移。使用自定义 GestureRecognizer,我(根据我为其构建此应用程序的人的请求)覆盖了单指平移的默认行为,以便它执行平移以外的操作。这完美地工作。

现在的问题是我仍然需要像用一根手指平移那样平移图像的能力,我现在只需要用两根手指就可以了。是否有可以实施的解决方案来利用嵌套 imageView 的现有功能?还是我需要通过并在识别出两个手指手势后,编写我自己的自定义泛逻辑?

非常感谢这里的任何想法!

谢谢

0 投票
1 回答
3380 浏览

scroll - ANDROID - 在 Gallery 小部件中滚动、多点触控、平移 ImageView

我扩展了一个实现 onScaleGestureListener 的 Gallery,并在主要活动中设置了一个 onItemClickListener。

此代码工作正常:我可以捏缩放画廊中的所有图像视图,并且可以平移已缩放的 ImageView。但是,当我缩放图像然后启用时,如何禁用画廊滚动?对不起我的英语不好Thnks!

0 投票
0 回答
842 浏览

android - 如何使用矩阵缩放和平移简单的图像视图

我对 android 中图像的缩放和平移问题感到沮丧。我不想使用索尼缩放教程,因为我需要从按钮进行缩放。

任何人都可以建议我或提供代码来通过简单的矩阵计算来缩放图像。

请做必要的。

0 投票
1 回答
6491 浏览

c# - 在 WPF 中有效地显示和缩放/平移大图像

我目前正在开发一个需要显示 8800x6800 或更大的大型工程图的应用程序。要求规定用户应该能够平移和缩放图像。理想情况下,他们也希望能够对图像进行注释。如果您查看 Windows 照片查看器,您将看到我希望模拟的性能和功能,减去注释部分。

到目前为止,我已经尝试了几种不同的方法来显示图像,但似乎没有一种方法能够提供我正在寻找的性能。它们要么占用大量内存,要么速度很慢。这些是我采取的方法:

  • ViewboxImage小时候。内存使用还可以,但重新调整大小Viewbox很慢。因此,我还没有尝试使用这种方法进行缩放/平移。
  • InkCanvasImage集合作为背景或作为孩子。使用这种方法缩放/平移ScaleTransform看起来TranslateTransform 一般,但内存使用量可能会在 450-600 MB 范围内上升。

这是我第一次尝试使用 .NET/WPF 进行图像处理,我对这个主题的了解相当有限。处理大图像(尤其是 WPF)有哪些最佳实践?我读过平铺图像(如深度缩放)可以提供帮助,但不确定如何做到这一点,或者这是否是我的情况下的最佳主意。您知道任何可以帮助我更好地理解这一点的资源吗?

0 投票
1 回答
1209 浏览

plot - ExtJS + JQuery/Flot:绘图容器的 mousedown 事件

我意识到在 flot 中“plotpan”事件和“mousedown”事件之间存在冲突。如果启用绘图可平移,则 mousedown 将无法在绘图区域工作;此外,如果禁用“plotpan”事件,但启用“plotclick”事件和“mousedown”事件,结果表明只有 mousedown 有效,而 plotclick 无效。我怎样才能确保这三个或更多事件可以以更合适的方式工作?附上demo代码如下:

在上面的代码中,mousedown 事件不起作用,因为我启用了 plot pannable;如果我禁用 plotpan,那么 mousedown 将起作用;如果我启用 plotclick,仍然只有 mousedown 有效;我知道 plotpan 和 plotclick 都与“mousedown”事件相关,因此它们之间存在冲突。但是,我需要找到一种方法让它们一起工作。

感谢任何评论!

0 投票
1 回答
2500 浏览

xcode - iPad 中的 UIPanGestureRecognizer 问题

在我的应用程序中,我试图移动我弹出的子视图。这是正在使用苹果在此链接中提供的 UIPanGestureRecognizer 和手势识别功能

所以我遇到的问题是,当我单击按钮图像并尝试移动视图时,它不会移动视图。只有当我单击按钮,然后单击并移动它时,该功能才有效。只有这样它才会移动视图。

我想知道我做错了什么。

这是我添加此功能的按钮代码

这是我用于应用程序识别平移手势的代码

如果有人能在这方面帮助我,那就太好了。

更新:问题已解决。看看下面提供的答案。

0 投票
2 回答
1804 浏览

android - ANDROID - 地图视图

有人可以帮我一些关于我正在尝试构建的 mapview 的事情。我有一个渲染器,它采用画布并在其中绘制位图。我创建了一个视图并在构造函数中创建:

在 onDraw 方法中我有这个:

现在我想实现平移和缩放(目前我在没有保存瓷砖的情况下工作)这是我的 onTouch:

mScaleDetector.onTouchEvent(ev);

这是我想要的和我遇到的问题:

  1. 当我平移时,我想以像素为单位计算距离,这样我就可以告诉我的渲染器何时再次渲染图像。这是如何实现的?通过记住 ACTION_DOWN 上的坐标并与 ACTION_UP 中的新坐标进行比较?
  2. 当平移完成(并且图像被重新渲染)时,我想将画布(图像)设置回其原始位置。目前它保持窗格(因为canvas.translate?)
  3. 如何处理缩放手势?使用此代码用手指进行缩小时,图像被“拖动”到左上角...

我是 android ( 和 java ) 的新手,所以非常感谢任何帮助。

0 投票
2 回答
363 浏览

ios - IOS。如何连续平移一系列视图?

我有一个缩略图网格,每个缩略图都是一个 UIView。每个缩略图都附加了一个平移手势。如果平移手势从一个缩略图开始,则后续缩略图不会确认平移手势,即使我的手指确实在它们上方移动。即使手势没有在缩略图中启动,如何让所有缩略图对平移手势做出反应?

谢谢,
道格