問題タブ [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 投票する
2 に答える
3818 参照

android - 魚眼歪み

バッファリングされた画像に魚眼効果を適用するJavaで記述された以下のコードを見つけました。このコードを別の画像形式(jpegやビットマップなど)で使用することはできますか?bufferedImageをビットマップに置き換えてみましたが、set / getARGBを使用する代わりに、ビットマップのget/setPixelに置き換えました。私はちょうど黒いビットマップを取得します....私は少し長いショットだったことを知っています:)。

0 投票する
3 に答える
1598 参照

android - 歪む前に、時計回りに 270 度または反時計回りに 90 度回転した円形の魚眼歪み?

魚眼歪みでビットマップ上の円を歪めるアプリがあります。円は 180 度回転しているように見えるだけでなく、歪んでいるようにも見えます。何か案は?フィルター クラスの理由については、私には手がかりがありません。ありがとうマット。

.

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

wpf - FishEye の選択した画像のインデックスか何か

私はこの素晴らしいプロジェクトに出くわしました。私はそれを使用する予定です。私はそれを使用して魚眼効果を表示しましたが、どの画像が選択されているかを確認でき、クリックされた場合、どのインデックスまたは何かを知ることができるので、ロジックを実行できます。

可能?

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

javascript - JavaScript Fisheye スクリプトの拡大トリガーを微調整するにはどうすればよいですか?

私のサイト (私のサイトへのリンク) でjQuery Fisheye プラグイン (ここ) を使用しています。ご覧のように 9 つの「泡」があり、そのうちの 1 つにマウスを移動すると、それが拡大されます。

これらの「バブル」の 1 つをデフォルトとして最大サイズにすることは可能ですか?その場合、訪問者がページをロードすると、8 つの小さなバブルと 1 つの「最大サイズ」のバブルが表示されますか?

編集: 「大きな泡」効果のために新しいCSS「クラス」を追加しようとしました。ここでの問題は (上記のリンクでわかるように) 大きな泡が左側の小さな泡の上にあるように見えることです。

margin大きな泡のスタイルにとを追加しようとしpaddingましたが、役に立ちません。小さな泡はすべてfloat:right.

私のhtml/phpコード:

私のスタイル:

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

javascript - Jqueryの単純なFishEyeスクリプトでのmouseOverの感度

jquery fisheyeプラグインで問題が発生した後、私は自分で同様のスクリプトを開発することにしました。(これも良い習慣です)。とにかく、私はAnimate()関数に基づいて2つのjquery関数を作成しました。

最小化バブル

バブルをデフォルトのサイズに戻します

maximumBubble

バブルを大きく、高くし、別の画像も表示します(そのバブルのタイトル)

次のコードも作成しました。一度に大きなバブルが1つしかないため、この場合の.each()関数は必要ないことを知っています。

(私のコードのjsFiffle:http: //jsfiddle.net/T7gCL/1/

問題は、http://jsfiddle.net/T7gCL/1/embedded/result/で確認できるように、マウスを次のバブルに移動すると、すべてのバブルが「クレイジー」になり始めていることです。

1.この行動の理由を知っていますか?

2.どうすれば解決できますか?

3.私のコードを改善する方法について何か提案がありますか(たとえば:の代わりにeach())?

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

c++ - OpenCV: フィッシュアイのシミュレーション

私はこれを読みました:openCVで魚眼レンズ効果をシミュレートする方法は?非常に良い投稿をして、コードをいじってみました。
Distortion(optics) の Wiki 記事も読み、その背後にある数学を理解しました。
私が抱えている唯一の問題は、calc_shift-function とスケーリングの仕組みです。ビデオ用の小さなopencvプロジェクトにフィッシュアイとピンクッションの歪みを実装したいと考えています。他に選択肢はありますか?opencv の組み込み関数では、歪みのみを修正できます。http://www.imagemagick.org/script/magick++.php?ImageMagick=jb73dabpkumd9niucm1hr5d893これを今日
テストします。 敬具、モルティサンティ

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

d3.js - マーカー付きの力グラフ上の D3 魚眼

新しいフィッシュアイ プラグイン (http://bost.ocks.org/mike/fisheye/) が気に入っていますが、線ではなくパスとマーカーを使用するフォース グラフで動作させたいと考えています。私は D3 を初めて使用し、これまでのところマーカーのデモと魚眼レンズのデモを組み合わせることで私を打ち負かしました。成功した人がいて、正しい方向に向けることができるかどうか疑問に思いました。

乾杯ベン

0 投票する
4 に答える
5121 参照

jquery - jqueryでフィッシュアイメニュー?

http://www.smartmeup.org(左側)のように、自分のWebサイトに簡単なフィッシュアイメニューを作成したい

これを行うためのjqueryプラグインまたは簡単なコードを知っていますか?

ありがとう

0 投票する
0 に答える
328 参照

android - ScrollView は、境界に達するとアイテムの更新を停止します

したがって、私が現在直面している問題は次のとおりです。魚眼ビューを作成したいです(そのため、アイテムを含むビューで、真ん中のアイテムが大きく、MAC OS アイテムバーまたは他の場所に表示されるような他のアイテムよりも大きくなります) )。

これまでのところ、それを実現するために Horizo​​ntalScrollView を拡張しました。いくつかのテストの後、すべてが正常に機能しているように見えたので、スクロールビューを移動すると、アイテムの位置に応じてアイテムが適切に更新されます。

ただし、スクロールビューが境界に対して「跳ね返る」場合に発生する問題が 1 つあります。したがって、ScrollView が高速に移動する場合、「getScrollX()」は 0 より小さい値または最大境界よりも大きい値を返します。その後、アイテムのサイズが変更されなくなりますが、これは非常に奇妙です。

コードを確認したところ、アイテムのサイズ変更メソッドが呼び出されましたが、アイテムが更新されなくなった理由がわかりません。

ScrollView クラスは次のようになります。

未使用の変数のいくつかは気にしないでください。これらは、ビュー自体のスクロールが終了した後に自動スクロール機能を実現するために後で使用することを目的としているためです (スクロールビューを離すと、現在閉じているアイテムが常に真ん中にあるようにします)。 .

View は、実際に「FishEyeItem」で埋められる必要があります。これは、画像をロードしてコンテンツのサイズを変更するために使用されます。これらのアイテムは、表示する必要があるアイテムのリストを取得した後、実行時に読み込まれます。

FishEyeItem のコードは次のとおりです。

したがって、基本的に onScrollChanged() が呼び出されるたびに、アイテムの画像がロードまたはリサイクルされます (どちらも非同期タスクで実行されているため、スクロールと GUI をブロックしません)。また、アイテムがスクロールビューの中央から一定の距離にある場合、アイテムのサイズが決定されます。

私が言ったように、Resize() メソッドは常に呼び出されます (それが system.out が存在する理由です) が、境界に対して「バウンス」すると、アイテムのサイズが変更されなくなります。

したがって、問題は Horizo​​ntalScrollView クラス自体のどこかにあると推測しています。たとえば、境界に対して「跳ねる」ときに特定のフラグが設定されます。

編集:

onscrollchanged() で getScrollX() をチェックし、その値が <= 0 の場合、または値が >= 最大境界の場合に返すだけで、アイテムが更新できなくなるのを防ぐことができました。ただし、これは、境界に対して「バウンス」したときにアイテムが更新されなかったという事実をまだ説明していません。

0 投票する
4 に答える
16969 参照

java - FishEye レンズを補正するたる型歪み補正アルゴリズム - Java での実装に失敗

魚眼レンズで撮った大量の写真があります。写真に画像処理(エッジ検出など)を行いたいので、結果に大きな影響を与えるたる型の歪みを除去したいと考えています。

いくつかの調査と多くの記事を読んだ後、このページを見つけました:この問題を解決するためのアルゴリズム(およびいくつかの式)について説明しています。

M = a *rcorr^3 + b * rcorr^2 + c * rcorr + d
rsrc = (a * rcorr^3 + b * rcorr^2 + c * rcorr + d) * rcorr

rsrc = ソース画像の中心からの
ピクセルの距離 rcorr = 補正された画像の中心からのピクセルの距離
a,b,c = 画像の歪み d = 画像の線形スケーリング

これらの式を使用して、これを Java アプリケーションに実装しようとしました。残念ながら、それは機能せず、機能させることができませんでした。「修正された」画像は、元の写真とはまったく異なり、中央にいくつかの不思議な円が表示されます。ここを見て:

http://imageshack.us/f/844/barreldistortioncorrect.jpg/ (これは以前、青い壁の前にいる白い牛の写真でした)

これが私のコードです:

私の質問は次のとおりです
。1) この式は正しいですか?
2) その数式をソフトウェアに変換するのを間違えたのでしょうか?
3) 他のアルゴリズムがあります (例: openCV で魚眼レンズ効果をシミュレートするには?または wiki/Distortion_(optics))。

ご協力いただきありがとうございます!