問題タブ [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 の密集したネットワークの現在の labelled-force-layout 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 ベータ版を使用した魚眼レンズのキャリブレーション

このコードで魚眼レンズを調整したいと思います。

チェス盤を見つけるのに問題はありませんが、キャリブレーション中にアサート エラーが発生します。

アサーションが失敗しました ((flags & FIXED_TYPE) != 0) cv::_InputArray::type、ファイル ......\sources\modules\core\src\matrix.cpp、1792 行目

だから私はrvecsこのように初期化しようとしました:

しかし、これで私は別のアサートを取得します:

OpenCV エラー: cv::_InputArray::getMat、ファイル ......\sources\modules\core\src\matrix.cpp でアサーションが失敗しました (0 <= i && i < (int)v.size()) 、1170行目

どのようrvecstvecs宣言し、初期化する必要がありますか?

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° パノラマ ビデオを再生する

2つの三角形を2つの四角形または立方体に描くなど、opengl es 2.0についていくつか知っています。しかし、私はこれを処理する方法がわかりません。頂点とフラグメントについてはいくつかありますが、それほど多くはありません。

360 度でビデオを撮影します。iOS でビデオを再生する方法は?

効果は、カラーアイズのようなものにする必要があります。

手順は次のとおりだと思います。

  1. ビデオから各フレームを取得します (オリジナル、球体のように見えます)ここに画像の説明を入力

  2. フレームを1つずつ処理して、パノラマで見る方法です。

誰かが私を助けてくれることを願っています、どうもありがとうここに画像の説明を入力

0 投票する
1 に答える
168 参照

javascript - 3d 魚眼レンズ - マウスオーバーでバーを広くするには?

魚眼レンズを実装したこの d3 の例を使用しています。基本的に、group 要素は rect 要素と text 要素を保持します。マウスオーバーでグループ (バー + 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 には次のように書かれています。

投影関数は、位置の座標 [経度、緯度] を表す数値の 2 要素配列を取り、投影されたピクセル位置 [x, y] を表す同様の数値の 2 要素配列を返します。たとえば、初歩的な球状メルカトル図法:

https://github.com/mbostock/d3/wiki/Geo-Paths

ですから、歪みは可能であるはずですが、頭を包むことはできません。

投影には world-50m.json を使用しています。ロードされると、arcs 配列があります。それらは私が操作する必要がある座標だと思います。しかし、これは推測です...

ありがとう、

キム