问题标签 [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.

0 投票
1 回答
194 浏览

javascript - 我有一个使用鱼眼的 d3 项目,但是为什么我必须将鼠标指向数据点

是我的演示链接!如果还不够清楚,请看fisheye demo2的这个链接

我希望我的鱼眼能够平稳移动,这意味着当我越过平原空间时,它也会做鱼眼。

0 投票
1 回答
303 浏览

javascript - 无法使用 D3.js 将鱼眼效果添加到强制标签布局中的标签

我在当前的密集 URL 网络的标记力布局 D3 可视化中加入鱼眼效果时遇到了困难。我能够对现有代码进行几处更改,以将鱼眼成功应用于节点和连接链接,但是当我尝试将代码片段用于附加的节点标签时,一切都会中断/不起作用。

这是用于填充图表的示例 JSON 文件(非密集数据):

这是目前用于读取 JSON 文件、创建所需节点/链接/标签并应用鱼眼的 javascript 代码。 生成可视化的 JavaScript 代码

这是html页面:

我不知道如何在代码中为锚节点/链接添加鱼眼。有人可以帮我解决这个问题吗?!

编辑:我已经更新了页面的 HTML 代码。以下是此处使用的所有 JS 文件的公共链接。我尝试为它创建一个 JSFiddle,但由于我无法将 JSON 文件作为外部资源提供(我不知道该怎么做),所以无法让它工作。

相关 JavaScript 和 JSON 文件的链接:

GraphPage D3 D3 min fisheye drawVisual JSON db 示例

这是可视化现在的样子:

在此处输入图像描述

基本上,使用当前版本的代码(包括标签到节点的力),所有节点和标签都绘制在页面的左上角,链接位于中间。鱼眼效果适用于链接,但不适用于节点+标签。

0 投票
1 回答
9106 浏览

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必须声明和初始化?

0 投票
1 回答
1628 浏览

d3.js - d3 带鱼眼气泡图

我正在尝试使用气泡图实现鱼眼插件失真。

我已经使用文档和其他示例为此制定了所有方法。

使用:

请参阅我的小提琴示例。

当我将鼠标移到气泡上时,将其应用于浏览器没有任何附加内容。

注意:我尝试在鱼眼调用中添加 cx 和 cy 属性,但我的图表没有实现这两个坐标。是这个原因吗?

例子:

是否有任何解决方案,或者我正在尝试实现目前无法实现的东西?

非常感谢,菲利普

0 投票
1 回答
1444 浏览

svg - 鱼眼失真和码花

我已经成功地为示例数据集实现了代码花视图。用于实现这一点的代码是:

我现在希望在这个可视化中添加鱼眼失真,但不知道该怎么做。我查看了 fisheye 的文档,但是当我使用 codeflower.js 时,我不知道如何访问 svg 元素了。任何帮助表示赞赏。谢谢你。

0 投票
3 回答
3380 浏览

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 原点之间的距离。

我怎样才能做到这一点?

0 投票
1 回答
854 浏览

ios - 在 iOS 上播放 360° 全景视频

我只知道一些关于 opengl es 2.0 的知识,比如将 2 个三角形绘制成 2 个矩形或一个立方体。但我不知道如何处理这个。一些关于顶点和片段的,不多。

我拍摄了一个360度的视频,我应该如何在iOS上播放视频,功能是:您可以移动手机或将一个方向拖动到另一个方向,这样您就可以在不同的视图中观看视频。

效果应该和 Kolor Eyes 一样。

我认为步骤是:

  1. 从视频中获取每一帧(原始的,看起来像一个球体)在此处输入图像描述

  2. 逐帧处理,使其以全景方式观看。

希望有人能帮帮我,非常感谢在此处输入图像描述

0 投票
1 回答
168 浏览

javascript - 3d 鱼眼 - 如何在鼠标悬停时使条形变宽?

我正在使用这个 d3 示例,实现了鱼眼。基本上,group 元素包含 rect 和 text 元素。如何在鼠标悬停时使组(bar + txt)更宽?

这是我的小提琴:http: //jsfiddle.net/30114/w4tfr68s/

代码:

0 投票
0 回答
1975 浏览

c++ - opencv 3.0 鱼眼校准

我尝试使用 opencv 3.0 校准我的鱼眼相机。

我使用这段代码:

我用这张照片:

成功图片

有了这个objectPoints

imagePoints

我得到一个 4.04px 的重投影误差,所以校准很好。

现在,如果我使用另一张图片(相机已稍微移动): 失败图片

它们是相同的objectPoints并且以相同的顺序。

它们是imagePoints

我得到一个 1112.33px 的重投影误差,所以校准不好。

我的代码有什么问题?

0 投票
1 回答
1132 浏览

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 数组。我认为这些是我需要操纵的坐标。但这是猜测...

谢谢,