問題タブ [zooming]

How do you disable the ctrl/wheel zoom effect with css or javascript on certain elements. I create a menu bar that gets distorted when the zoom effect is applied. I would like to disable it for just certain elements.

OpenGL を使用して、キャンパスの原始的な地図を描こうとしています。

パン、ズーム、回転が通常どのように実装されているか、誰か説明してもらえますか?

たとえば、パンとズームでは、ビューポートを調整しているだけですか? それで、マップを構成するすべての線をプロットして描画し、ユーザーがクリックしてドラッグすると、ビューポートが調整されますか?

パンの場合、ビューポートの x/y 値をシフトし、ズームの場合、ビューポートをある程度増減しますか? 回転についてはどうですか？

回転の場合、キャンパス マップを表すポリラインごとにアフィン変換を行う必要がありますか? これは、まともなサイズのマップでオンザフライで行うには費用がかかりませんか?

または、ビューポートは同じままで、パン/ズーム/回転は別の方法で行われますか?

たとえば、このリンクにアクセスすると、ビューポートを変更することで、上記のようにパンとズームを正確に説明していることがわかります。

これは正しくありませんか？

キャンバスの上にアプリケーションを構築しています。これは、マウスを動かすたびに再描画される単純な DOM で構成されています (はい、必要です)。パフォーマンスの問題のために、すべてのパーツが必要なものだけを再描画するわけではありません。

アプリはうまく機能していますが、ズーム機能を追加したいと思います。私の見方では、3 つの異なる方法で実行できます。

1 - ユーザーがズームインまたはズームアウトするたびに、すべての DOM 要素 (位置とサイズ) が再計算されます - 精度に問題があり、あまり適切な抽象化ではない可能性があります

2 - キャンバスには解像度のプロパティがあります (つまり、ユーザーがズームアウトすると、解像度が 1 から .75 に変わる可能性があります)。再描画のたびに計算を行う必要があります。

3 - 組み込みの translate() および scale() メソッドを使用します - おそらく最もエレガントで最速のソリューションですが、まったく直感的ではありません。後で私や他の誰かがどのようにそれを行っているかを理解するのは難しいかもしれません (これらのメソッドは完全なキャンバスで機能します。最初にキャンバス上で変換およびスケーリングし、その後、描画するすべてのものを「魔法のように」変換およびスケーリングします)

どちらが最適ですか、それとも私が考えていない他の可能性はありますか?

Google 検索で何も得られなかったという事実に基づいて、これは不可能であると推測しています。

それで、stackoverflow のタレントに尋ねて、ウェブカメラにズーム機能がある場合、ウェブカメラをズームインおよびズームアウトすることは可能ですか? いいえと思いますか？

これは、私が行っているイメージ キャプチャ プロジェクト用です。

皆さんありがとう

プログラムでズームするために glScalef() を使用していますが、コードを使用して元のサイズに戻すと、次のようになります。

高ズームではあまりうまく機能しません...（おそらく小数が失われたためですか？）

上記のような計算なしで元のサイズに完全に戻すにはどうすればよいですか?

その中に画像が入ったビューボックスがあります。Viewbox はウィンドウに合わせて Image をスケーリングするので、これは素晴らしいことです。ただし、画像をフルサイズにズームしてスクロールバーを表示できるようにする必要があり、これを行う方法を理解するのに苦労しています。

これが私が今持っているものです。上記の機能を実装するためにこれを変更する方法について、誰かがいくつかの指針を与えることができますか?

編集：明確にするために。画像を表示する方法、ウィンドウに合わせたビューボックススタイル、およびスクロールバーを表示し、画像のサイズを変更しない実際のサイズのビューに切り替える機能の両方が必要です。

WPFToolkit の WPF DataGrid を使用していますが、データグリッド全体をズームしようとすると問題が発生します。私の最初の考えは、非常に簡単で、スケール変換をグリッドに適用し、使用されたボタンがクリックされたときに ScaleX、ScaleY プロパティをアニメーション化するだけだということでした。ただし、スクロールバーがズームインされて大きくなったため、これは機能しませんでした。データグリッドに固定ヘッダーと固定列が必要なので、スクロールを処理するためにデータグリッドの外でスクロールビューアーを単純に使用することはできません。私が試した2番目のことは、グリッドのフォントサイズを拡大縮小することでしたが、フォントサイズを縮小しても列が元の幅のままで縮小しないため、これは失敗しました。

最後に、データグリッドのビュー ツリーに入り、スクロール コンテンツ プレゼンターにスケール変換を追加する以下のコードを使用して、それが機能していると思いました。(このコードにも示されていませんが、同様にスケーリングされるように、同じ方法でヘッダーのビジュアル ツリー アイテムに変換を適用します)。ズーム後に水平スクロールをテストするまで、これはうまく機能していると思いました。（垂直スクロールは完全に機能します。）ズームする前は水平スクロールは問題ありませんが、ズーム後、水平にスクロールすると表示が異常になります。それが何をしているのかを正確に伝えるのは難しいですが、画面の左側からスクロールしているコンテンツが「折りたたまれて」左側に戻ってきているように見えます. たぶん、左側ですべてが粉砕されています。どうすればこれを機能させることができるか、誰にもアイデアがありますか?

誰でも方法を教えてもらえますか?

これまでにこれを行ったことがないので、使用するライブラリと、入力ではなく命令としてキーが押されたコマンドを呼び出す方法がわからない..

Visio C++ で OpenGL プログラムを書いています。

産業用ビジョン アプリケーションの開発者として、私は 6000x4000 ピクセル以上のかなりぎこちない画像をよく使用します。

カメラと画像処理が新しい画像の安定したストリームに取り組んでいる間 (そしてこの処理が主なタスクです)、ユーザーが他の画像を並行して快適に表示できるようにしたいと考えています。

プロセッサ (GDI など) でこれを行うと、パフォーマンスが大幅に低下します。たとえば、画像を分析するのに 0.2 秒かかりますが、1 回のズーム (コントロールに合わせてサイズを変更) で表示するには 0.8 秒かかります。

Photoshop では、グラフィック カードの非常に高速なメモリと処理の助けを借りて表示とズームが可能であるため、自分のコードでこれを実験できるかどうか、またその方法を誰かに教えてもらえないかと考えました。これは私の 76MB の rgb-data に相当しますか?) そして、ユーザーが操作するためにユーザーがコントロール/カードにズームして移動する手間をかけずに、何らかのコントロールに表示させます。

3D の外観は必要なく、2D-rgb-image で移動してサイズ変更するだけです。プロセッサの負荷が低く、高速で快適な表示を実現することを目的としています。

==>これは可能ですか（テクスチャなどとして）？==> >=256MB の現在のローエンド 3D カードに制限はありますか? ==> 誰かが予想される期間を提案できますか (データのコピー、ズーム)?