问题标签 [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.
javascript - 我有一个使用鱼眼的 d3 项目,但是为什么我必须将鼠标指向数据点
这是我的演示链接!如果还不够清楚,请看fisheye demo2的这个链接。
我希望我的鱼眼能够平稳移动,这意味着当我越过平原空间时,它也会做鱼眼。
javascript - 无法使用 D3.js 将鱼眼效果添加到强制标签布局中的标签
我在当前的密集 URL 网络的标记力布局 D3 可视化中加入鱼眼效果时遇到了困难。我能够对现有代码进行几处更改,以将鱼眼成功应用于节点和连接链接,但是当我尝试将代码片段用于附加的节点标签时,一切都会中断/不起作用。
这是用于填充图表的示例 JSON 文件(非密集数据):
这是目前用于读取 JSON 文件、创建所需节点/链接/标签并应用鱼眼的 javascript 代码。 生成可视化的 JavaScript 代码
这是html页面:
我不知道如何在代码中为锚节点/链接添加鱼眼。有人可以帮我解决这个问题吗?!
编辑:我已经更新了页面的 HTML 代码。以下是此处使用的所有 JS 文件的公共链接。我尝试为它创建一个 JSFiddle,但由于我无法将 JSON 文件作为外部资源提供(我不知道该怎么做),所以无法让它工作。
相关 JavaScript 和 JSON 文件的链接:
GraphPage D3 D3 min fisheye drawVisual JSON db 示例
这是可视化现在的样子:
基本上,使用当前版本的代码(包括标签到节点的力),所有节点和标签都绘制在页面的左上角,链接位于中间。鱼眼效果适用于链接,但不适用于节点+标签。
c++ - 使用 opencv 3.0 beta 进行鱼眼镜头校准
我想用以下代码校准鱼眼镜头:
我找到棋盘没有问题,但在校准过程中出现断言错误:
cv::_InputArray::type 中的断言失败 ((flags & FIXED_TYPE) != 0),文件 ......\sources\modules\core\src\matrix.cpp,第 1792 行
所以我尝试这样初始化rvecs
:
但有了这个我得到另一个断言:
OpenCV 错误: cv::_InputArray::getMat 中的断言失败 (0 <= i && i < (int)v.size()),文件 ......\sources\modules\core\src\matrix.cpp ,第 1170 行
如何rvecs
并且tvecs
必须声明和初始化?
svg - 鱼眼失真和码花
我已经成功地为示例数据集实现了代码花视图。用于实现这一点的代码是:
我现在希望在这个可视化中添加鱼眼失真,但不知道该怎么做。我查看了 fisheye 的文档,但是当我使用 codeflower.js 时,我不知道如何访问 svg 元素了。任何帮助表示赞赏。谢谢你。
opencv - 使用 opencv 3.0.0 beta 将图像点投影到对象点
我使用 opencv 3.0.0 测试版。
我校准了我的相机,我想将图像点(2D)投影到 3D 点。
我看到了函数:void fisheye::projectPoints(InputArray objectPoints, OutputArray imagePoints, InputArray rvec, InputArray tvec, InputArray K, InputArray D, double alpha=0, OutputArray jacobian=noArray())
但我想要相反的投影。
我知道 :
- 相机矩阵,
- 失真系数,
- 翻译向量,
- 旋转向量和
- 我的对象 3D 点和 3D 原点之间的距离。
我怎样才能做到这一点?
ios - 在 iOS 上播放 360° 全景视频
我只知道一些关于 opengl es 2.0 的知识,比如将 2 个三角形绘制成 2 个矩形或一个立方体。但我不知道如何处理这个。一些关于顶点和片段的,不多。
我拍摄了一个360度的视频,我应该如何在iOS上播放视频,功能是:您可以移动手机或将一个方向拖动到另一个方向,这样您就可以在不同的视图中观看视频。
效果应该和 Kolor Eyes 一样。
我认为步骤是:
从视频中获取每一帧(原始的,看起来像一个球体)
逐帧处理,使其以全景方式观看。
希望有人能帮帮我,非常感谢
javascript - 3d 鱼眼 - 如何在鼠标悬停时使条形变宽?
我正在使用这个 d3 示例,实现了鱼眼。基本上,group 元素包含 rect 和 text 元素。如何在鼠标悬停时使组(bar + txt)更宽?
这是我的小提琴:http: //jsfiddle.net/30114/w4tfr68s/
代码:
c++ - opencv 3.0 鱼眼校准
我尝试使用 opencv 3.0 校准我的鱼眼相机。
我使用这段代码:
我用这张照片:
有了这个objectPoints
:
这imagePoints
:
我得到一个 4.04px 的重投影误差,所以校准很好。
现在,如果我使用另一张图片(相机已稍微移动):
它们是相同的objectPoints
并且以相同的顺序。
它们是imagePoints
:
我得到一个 1112.33px 的重投影误差,所以校准不好。
我的代码有什么问题?
javascript - d3.js 地图上的鱼眼失真
我正在尝试使用 fisheye.js 插件(https://github.com/d3/d3-plugins/tree/master/fisheye)扭曲 d3.geo.path() 地图。
要扭曲对象,插件需要 x 和 y 属性。
在 d3.js wiki 中它说:
投影函数采用表示位置坐标 [longitude, latitude] 的二元素数组,并返回表示投影像素位置 [x, y] 的类似二元素数组。例如,一个基本的球形墨卡托投影:
https://github.com/mbostock/d3/wiki/Geo-Paths
所以失真应该是可能的,我只是无法绕过它。
我正在使用 world-50m.json 进行投影。一旦加载,就会有一个 arcs 数组。我认为这些是我需要操纵的坐标。但这是猜测...
谢谢,
金