问题标签 [fisheye]
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.
android - 鱼眼畸变
我发现下面用java编写的代码在缓冲图像上放置了鱼眼效果。是否可以在不同的图像格式(例如 jpeg 或位图)上使用此代码?我尝试用位图替换 bufferedImage,而不是使用 set/getARGB,而是用位图的 get/setPixel 替换。我只是得到一个黑色位图....我知道有点远射:)。
android - 圆形鱼眼扭曲在扭曲前顺时针旋转 270 度或逆时针旋转 90 度?
我有一个应用程序会扭曲位图上的圆圈,并带有鱼眼失真。圆圈似乎旋转了 180 度并且扭曲了。有任何想法吗?我不知道为什么在过滤器类中。谢谢马特。
.
wpf - FishEye选择的图像索引什么的
我对 WPF 很陌生。我遇到了这个很棒的项目。我已经计划使用它了。我已经用它来显示鱼眼效果,如果可以看到选择了哪个图像并且如果它被点击,我会知道哪个索引或其他东西,以便我可以做一些逻辑。
可能的?
javascript - 如何调整 JavaScript Fisheye 脚本的放大触发器?
我在我的网站(链接到我的网站)中使用 jQuery Fisheye 插件(此处)。如您所见,有 9 个“气泡”,当您在其中一个上移动鼠标时,它会被放大。
是否可以将其中一个“气泡”设置为默认的最大尺寸,所以当访问者加载页面时,他会看到 8 个小气泡和一个“最大尺寸”气泡?
编辑: 我尝试为“大气泡”效果添加一个新的 CSS“类”。现在的问题是(如您在上面附加的链接中所见)大气泡似乎位于左侧小气泡的顶部。
我尝试在大气泡样式中添加margin
和padding
,但它没有帮助,我猜是因为所有的小气泡都是float:right
.
我的 html/php 代码:
我的风格:
javascript - Jquery简单FishEye脚本中mouseOver的敏感性
在遇到 jquery 鱼眼插件问题后,我决定自己开发一个类似的脚本。(这也是一个很好的做法)。无论如何,我基于 Animate() 函数编写了 2 个 jquery 函数。
最小化气泡
将气泡恢复为默认大小
最大化气泡
使气泡更大,更高并显示另一张图片(该气泡的标题)
我还编写了下一个代码:我知道在这种情况下 .each() 函数不是必需的,因为一次只有一个大气泡。
(我的代码的 jsFiffle:http: //jsfiddle.net/T7gCL/1/)
问题,正如您在:http: //jsfiddle.net/T7gCL/1/embedded/result/看到的那样,当您将鼠标移动到下一个气泡时,所有气泡都开始“变得疯狂”。
1.你知道这种行为的原因是什么吗?
2.我该如何解决?
3.您对如何改进我的代码有任何建议(例如:而不是each()
)?
c++ - OpenCV:模拟鱼眼
我读过这个:如何通过openCV模拟鱼眼镜头效果?发布非常好,并玩弄了代码。
我还阅读了有关 Distortion(optics) 的 Wiki 文章,并了解了其背后的数学原理。
我唯一真正的问题是 calc_shift 函数以及缩放的工作原理。我想在我的 litte opencv-project 视频中实现鱼眼和枕形失真。我还有其他选择吗?使用 opencv 的内置功能,我只能纠正失真。
我今天要测试http://www.imagemagick.org/script/magick++.php?ImageMagick=jb73dabpkumd9niucm1hr5d893这个。
最好的问候, 莫蒂桑蒂
d3.js - 带有标记的力图上的 D3 鱼眼
我喜欢新的鱼眼插件 (http://bost.ocks.org/mike/fisheye/),但想让它在使用路径和标记而不是线条的力图上工作。我是 D3 的新手,到目前为止结合了标记演示,鱼眼演示打败了我,我想知道是否有人成功并能指出我正确的方向。
干杯本
android - ScrollView 在达到其边界时停止更新项目
所以我现在面临的问题如下,我想创建一个鱼眼视图(所以一个包含项目的视图,而中间的项目比你在 MAC OS 项目栏或其他地方看到的其他项目更大)。
到目前为止,我已经扩展了 HorizontalScrollView 来实现这一点,经过一些测试,一切似乎都很好,所以在移动滚动视图时,项目会根据它们的位置正确更新。
但是,如果滚动视图“反弹”其边界,则会出现一个问题。因此,如果 ScrollView 快速移动,“getScrollX()”会给我一个小于 0 或大于最大界限的值。在那之后,项目不再调整大小,这很奇怪。
我检查了我的代码并调用了我的项目的调整大小方法,但我不知道为什么项目不再更新。
ScrollView 类如下所示
不要介意一些未使用的变量,因为一旦视图本身完成滚动,它们将在以后用于实现自动滚动功能(这样当前关闭的项目将始终在放开滚动视图的中间) .
视图需要实际填充“FishEyeItem”,然后用于加载图像和调整内容大小。在我获得需要显示的项目列表后,这些项目会在运行时加载。
FishEyeItem 代码如下。
因此,基本上每次调用 onScrollChanged() 时,都会加载或回收项目的图像(两者都在异步任务中运行,因此它们不会阻塞滚动和 GUI)。如果项目距离滚动视图的中间有一定距离,也将确定项目的大小。
就像我说的那样,总是调用 Resize() 方法(这就是 system.out 存在的原因),但是当“反弹”到边界时,项目不再调整大小。
所以我猜测问题出在HorizontalScrollView 类本身的某个地方,例如,在“弹跳”边界时设置了某个标志。
编辑:
好吧,我可以通过简单地检查 onscrollchanged() 中的 getScrollX() 并返回该值是否为 <= 0 或该值是否 >= 最大边界来防止项目无法再更新。然而,这仍然不能解释项目在“反弹”边界时不再更新的事实。
java - 用于校正 FishEye 镜头的桶形失真校正算法 - 无法用 Java 实现
我有大量用鱼眼镜头拍摄的照片。因为我想对照片进行一些图像处理(例如边缘检测),所以我想消除严重影响我的结果的桶形失真。
经过一些研究和大量阅读文章后,我发现了这个页面:他们描述了一种算法(和一些公式)来解决这个问题。
M = a *rcorr^3 + b * rcorr^2 + c * rcorr + d
rsrc = (a * rcorr^3 + b * rcorr^2 + c * rcorr + d) * rcorrrsrc = 像素到源图像中心的
距离 rcorr = 像素到校正后图像中心的距离
a,b,c = 图像失真 d = 图像线性缩放
我使用了这些公式并尝试在 Java 应用程序中实现它。不幸的是,它不起作用,我没能使它起作用。“更正”的图像看起来与原始照片完全不同,而是在中间显示了一些神秘的圆圈。看这里:
http://imageshack.us/f/844/barreldistortioncorrect.jpg/ (这曾经是一头白牛在蓝墙前的照片)
这是我的代码:
我的问题是:
1)这个公式正确吗?
2)我把这个公式变成一个软件是不是犯了一个错误?
3)还有其他算法(例如如何通过openCV模拟鱼眼镜头效果?或wiki/Distortion_(光学)),它们更好吗?
谢谢你的帮助!