问题标签 [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.
d3.js - 条形图宽度上的 D3 鱼眼
我一直在尝试创建一个带有 d3 鱼眼笛卡尔失真的垂直条形图,只有 x 轴被扭曲。
我已使用以下代码成功扭曲了鼠标悬停时垂直条的 x 位置:
然而在这一点上,在宽度上应用鱼眼对我来说仍然是一个谜。我尝试了几种方法,例如使用鱼眼刻度来表示宽度,但它没有按预期工作。
我想要做的是在鼠标悬停时扩大条形的宽度,就像在鼠标悬停时用笛卡尔失真挑出单个垂直条一样。
任何线索或帮助将不胜感激!
编辑:将计算 x 位置的方法更改为使用索引而不是时间,以防止图表中柱之间出现较大的差距
解决方案:感谢Superboggly,我将位置函数编辑如下:
camera - Three.js - 鱼眼效果
所以,我搞砸了three.js,效果很好。我唯一想不通的是如何制作具有真正鱼眼效果的相机。
这怎么可能?camera.setLens()
?
java - 在java中将int数组转换为bufferedImage
我想知道如何将 java 中的 int 数组构造成缓冲图像。我知道你可以通过做
但我不知道该怎么做。我需要这个来对缓冲图像应用鱼眼效果,我在这里找到了如何做http://popscan.blogspot.com/2012/04/fisheye-lens-equation-simple-fisheye.html但它只适用于整数数组。请帮忙,谢谢。
jquery - 如何将 Fisheye 与 ExtJS 面板集成
我如何将这些图标移动到中心并在鼠标悬停上工作
我正在尝试将 Fisheye 集成到我的 Ext Js 项目中,例如http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html
索引.html:
应用程序.js:
示例.html:
当我跑步时,我得到 1 个图标,底部左对齐,鼠标悬停不起作用。
它应该与底部的链接http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html完全相同
非常感谢您的帮助!!!阿斯维尼
actionscript-3 - 需要帮助使用 Flex/ActionScript 3 创建平滑的翻转或 FishEye 效果
我对 Flex/ActionScript 还很陌生,我正在尝试为我的导航图标创建一个平滑干净的鱼眼效果,但我的翻转效果看起来很不稳定。我见过一些更好的,它们似乎从前一个图标开始效果并以下一个图标结束,所以我想它会同时影响所有 3 个图标,所以它看起来更平滑,但我不知道该怎么做,或者如果那是我什至应该做的?谁能建议我这样做的更好方法?
这是我用于当前翻转效果的代码:
很抱歉,我无法显示实际页面,因为它位于本地开发机器上。我很感激任何帮助。谢谢!
c++ - 反向鱼眼失真
我正在使用鱼眼相机,在进一步计算之前需要反转失真,在这个问题中,这正在发生纠正鱼眼失真
这样做的问题在于,重映射函数通过这种方式遍历所有点并从中创建新图片。每帧都这样做很耗时。我正在寻找的方法是在鱼眼图片上进行点对点转换到正常图片坐标。
我们采用的方法是在输入帧上进行所有计算,并将结果坐标转换为世界坐标,因此我们不想遍历图片的所有点并从中创建一个新点。(时间对我们来说真的很重要)
在矩阵 mapx 和 mapy 中有一些点到点的转换,但很多点没有完全转换。我试图插入这个矩阵,但结果不是我想要的。
任何帮助将不胜感激,即使是比 cv.Remap 更省时的其他方法。
谢谢
d3.js - d3.js 鱼眼;将焦点移至轴交点
我正在修改此来源以制作线性鱼眼视图:http ://bost.ocks.org/mike/fisheye/
我的工作在下面的jsfiddle地址:
http://jsfiddle.net/clerksx/vHExm/
当您拖动两条半透明黑带交叉处的点时,条会移动,鱼眼焦点也会相应改变。
拖动结束后,我想将两个轴(一个 yAxis 刻度 + 一个 xAxis 刻度)的最近交点移动到点的中心。
我想我需要稍微破解一下鱼眼库本身:https ://github.com/d3/d3-plugins/blob/master/fisheye/fisheye.js
有任何想法吗?
javascript - 将鱼眼效果添加到 d3.layout.tree
我对 d3.js 框架很陌生。目前我正在研究 d3.layout.tree,与以下示例非常相似:
http://mbostock.github.io/d3/talk/20111018/tree.html
现在我的问题是,是否可以在选定的树布局上运行鱼眼效果?我包含了以下鱼眼插件并按照说明进行操作:
https://github.com/d3/d3-plugins/tree/master/fisheye
有什么想法或解决方案吗?谢谢您的帮助!
camera - 将共圆形体育场视图转换为全视(平面)视图
想象一个体育场(例如足球),顶部有一个全向(鱼眼)摄像机,居中。你会得到一张照片,它会给你一个几乎平面的视野。
现在是第二个摄像头设置:您拥有相同的体育场,但顶部有普通(无鱼眼)摄像头,四个角,指向球场。
现在问题来了:这两种相机设置之间是否存在转换?
我想到了 Hough 变换,以使用第二个相机设置获得该场的平面视图。我是朝着正确的方向前进还是您有任何其他想法来获得平面视图?
3d - 3D VRML 查看器 鱼眼相机
我想通过鱼眼(桶形扭曲)相机视图查看 VR 世界中的一些 3D VRML 对象。关于搜索术语、开始阅读的地方有什么建议吗?我已经简要地研究了 Blender 和 OpenGL。我需要能够指定鱼眼镜头参数并在这个世界中平移/缩放相机。
如果有人能指出我正确的方向,我将不胜感激。