問題タブ [zooming]

1. 最新のすべてのブラウザでページズームレベルを検出するにはどうすればよいですか？このスレッドはIE7とIE8でそれを行う方法を説明していますが、私は良いクロスブラウザーソリューションを見つけることができません。

2. Firefoxは、将来のアクセスのためにページズームレベルを保存します。最初のページの読み込み時に、ズームレベルを取得できますか？どこかで読んだところによると、ページが読み込まれた後にズームが変更されたときに機能します。

3. 'zoom'イベントをトラップする方法はありますか？

私の計算のいくつかはピクセルベースであり、ズームすると変動する可能性があるため、これが必要です。

@tflによって与えられた変更されたサンプル

このページは、ズームするとさまざまな高さの値を警告します。[jsFiddle]

私はActionscript3を使用しており、画像ビューアを構築しています。これまでのところ、「onClick」マウスイベントに基づいて、次の機能があります。

1）通常のサイズの画像を表示しているときに、クリックすると「ズームされた」画像が表示されます。
2）ズーム画像を表示しているときにクリックすると、「通常の」画像が表示されます。

素晴らしいもの。

ここで、次の動作を適用して、ユーザーがズームインし、ズームした画像をドラッグして、次のようにスケッチできるようにします。

1）onClickイベントを削除しました
2）「onMouseDown」イベントを追加して、マウスダウンでマウスXYを記録します
3）「onMouseUp」イベントを追加し、マウスアップでマウスXYを記録します
4）XY onMouseDown = XY onMouseUp then Clickイベントを想定します-ズーム
5）XY onMouseDown！= XY onMouseUpの場合、Dragイベントを想定します-画像をドラッグします

現在、これは、ユーザーがクリックしている間、安定した手を持っている場合にのみ機能します-そして、素晴らしい解決策のようには感じません。ユーザーが不安定な手を持っている場合、本当にズームを解除したいときにドラッグイベントが想定されます...

上でスケッチしたよりも、画像をドラッグするかズームするかを検出するためのより良い方法を誰かが提案できますか？

あなたの考え/助けてくれてありがとう、

シニアココナッツ。

I am trying to implement Zoom feature on a DesignSurface, which uses .Net 2 based Designer time architecture. I have two approaches to handle ZoomChanged event:

1. Unload the Design surface and reload with Zoomed content.
2. Identify the affected properties and set them to Zoomed values of properties.

Problem:
In approach 1, Unload and Reload is quite a task for run-time and would unload and reload lot of properties which would not be affected by zoom change.

In approach 2, The properties being changed would raise lot of PropertyChanged events and execute relative handlers, which would make response quite slow. If, I want to unsubscribe and resubscribe all the event handlers, I would not have any single place to do it as it spans over lot of dependent components.

Any one at rescue?

Expression Blendでマウスホイールの動作を変更する方法はありますか？

ズームではなくスクロールしたい。

最新のブラウザーで Web ページがズームアウト/ズームインされている場合、100% ズームで DIV 要素のサイズを確認するにはどうすればよいですか?

編集::ここで別の同様の質問をしましたが、回答がありませんでした。

jQueryUI のソート可能なタブ、Six Revisions のスライドショー、John Nunemaker の FancyZoom の 3 つの jQuery アプリケーションを組み合わせました。ここ で 見ることが できます.

組み合わせたアプリケーションは FF、Chrome、および Safari ではうまく動作しますが、IE6 ではスライドショーが正しく動作しません。スライドが左のコントロール ボタンに重なって機能しなくなります。

助けてください！

パータ・バタチャリヤ

クロスブラウザjQueryを使用してiframeのコンテンツをズームするにはどうすればよいですか? これは、IE の zoom css プロパティで実行できることを知っています。gecko/webkit ベースのブラウザーにも同様の特性がありますか?

WPF には、キーと曲線セグメント (線形、定数、スプライン) を表示するキャンバス上の (パン用の) スクロール ビューアーで構成される一種の曲線エディターがあります。私はMVVMを使用しています。また、何百ものキーがあり、セグメントが互いに区切られている場合もあります。また、パン/ズームは非常にスムーズで応答性が高くなければなりません。

モデル (および ViewModel) では、キーには XY 位置があります。セグメントにはPointCollection. ビューでは、キーはRectangle、カーブ セグメントはPolylineです。これらの UI 要素はすべて、Canvas の Top および Left 依存関係プロパティにバインドされています。

私が抱えている問題は、ズームを実装するときです。私は最初に、スクロールビューアとキャンバスの間に挿入されたビューボックスで作業しました

パンはうまくいきましたが、ズームは私が望む正しいズームではありませんでした。「グラフィカルな」ズームを作成しました。これにより、すべてが大きくなり、長方形とポリラインが作成されました。

私が望むのは、ズームインすると、キー (長方形) が大きくなることなく互いに遠くに移動し、セグメント (ポリライン) が 2 つのキー間でStrokeThickness大きく見えることなく伸びることです。

私が目指していた解決策は、ズームを変更するときにすべての座標を VM で変換することです。

例: モデルのキーの位置は (2,3) です。ズームの値が 2.0 の場合、キーの ViewModel は (4,6) の位置を示します。セグメントについては、モデルの PointCollection 内のすべてのポイントを変換し、それらを ViewModel の PointCollection 内に配置します。

このソリューションの問題は、何百ものキーがある場合にすばやくズームイン/ズームアウトすると、パフォーマンスが低下する可能性があることです。ズーム倍率を変更すると、すべての ViewModel 座標が変更されるため、すべての UIElement が移動します。

ズーム変換を適用するために UIElements の RenderTransform について考えましたが、Polylines では機能しません。ポリラインに ScaleTransform を使用することもできますが、それでは視覚的に引き伸ばされてしまいます。

説明するのは非常に複雑ですので、詳細についてはお気軽にお尋ねください。

どうすればそれを達成できるかについてのアイデアはありますか?

Web サイトにメニュー バー (ナビゲーション バー) を iPhone のズームとは関係なく (幅と高さを固定して) 配置し、サイトの残りの部分はズームイン/ズームアウトできるようにすることはできますか?

メタ「ビューポート」でウェブサイト全体のズームを設定できますが、一部を除外したいです。

iFrames や CSS トランスフォームではできないようです。

要素をスケーリングするジェスチャを追跡し、javascript を使用してメニューを再スケーリングすることは可能ですか?

ズーム可能な UIScrollView を作成し、それに 100 個のサブビューを追加しました (並べて表示)。ビューは完全に左右にスクロールします。ただし、ズームを許可したいと思います。

そのためには、デリゲートが実装する必要があることを読みました。

ズームするサブビューが 1 つしかない例を見たことがあるので、そのメソッドでそのサブビューを返します。しかし、私の場合はもっとたくさんあります。ズームを行う適切な方法は何ですか?

別の UIView を作成し、それに 100 個のサブビューを追加してみました。そして、上記の方法でその1つのビューを返しますが、機能しません(ズームしますが、停止するとインタラクティブではなくなります)。