問題タブ [pan]
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.
jquery - jQuery - 画像を指定された位置にズーム
私の要件は次のとおりです。画像(JPEG)を表示する必要があるDIVがあります。ページがレンダリングされると、この div は、画像上の指定された位置 (ポイント) に指定されたズーム倍率で画像を表示する必要があります。画像はこの DIV 内に配置する必要があります (DIV マージンを超えることはできません)。この DIV では、画像を (この最初のズームの後) 移動/パン (マウスまたはスクロールバーによる) およびズームインおよびズームアウト (マウスホイール、ボタン、スライダー、または任意の方法による) できます。特定のイベントでは、DIV は画像の別のポイント (同じまたは別のズーム倍率) を表示 (フォーカス) する必要があります。イベントによってはイメージが変わります。フォーカスがあるポイントから別のポイントに切り替わるとき (ただし、同じページ上)、画像のソースが変更された場合に備えて、画像をリロードしたくありません。
私はここで似たようなものを見つけましたが、私の要件にかなり近いものではありません: http://www.htmldrive.net/items/show/394/JQuery.iviewer-zoom-image-and-to-drag-effect
私は JavaScript の初心者であり、要件のいずれかの部分に関するヘルプは大歓迎です。これを行うことができる(無料の)プラグインを知っている場合は、お知らせください。
私の質問に貴重な時間を割いていただきありがとうございます
internet-explorer-8 - IE8RaphaelJSでパン/ズームが痛々しいほど遅い
私はしばらくの間このシートマッピングチャートの取得に取り組んでおり、いくつかの反復を作成しました。私が見つけ続ける問題は、IE8に到達したときに、このためのパンが遅くなり、遅れる方法です。
この時点でロード時間を短縮するために持っているのは、マップをドラッグするたびにie8が再レンダリングしたいと思っているので、「ストローク」を置き換えるpngが作成されます。
IE8ユーザーにこのオプションを強制することを期待してコントロールも追加しましたが、それでもパンに遅延があり、IE8(および可能であればIE7)のユーザーがコントロールなしでドラッグ/パンできる場合は、応答時間が少し速くなりますそれは素晴らしいことです。
私はまだJSに少し慣れているので、何か提案があれば大歓迎です。(PS Chromeフレームは素晴らしいですが、私にとってはオプションではありません)
アップデート
元のドラッグ関数を削除し、jqueryuiのドラッグ可能な関数を使用してコードを置き換えました。Martinは、Raphael要素ではなく、divをドラッグすることを提案しました。そうすることで、これはie6-8で飛ぶことができます。これは素晴らしいことですが、スケーリングについての私の懸念が生じました。ズーム時に前に見たものは、紙の要素WxHが同じ比率のままで、ズームインすると描画が途切れることになります。Raphaelのドキュメントを調べた後、paper.setSizeに出くわしました。setSizeは、このプロジェクトがie6-8で移動して溝を掘り、そのパス内のすべてのブラウザーをほぼ征服できるようにするために必要なものでした。
つまり、jqueryuiのドラッグ可能でpaper.setSizeを使用することで、クロスブラウザのズームとパンブルーが解消されました。
ios - 連続水平スクロール MKMapView
水平方向に「継続的に」スクロールできるように、iOS で Google MKMapView を有効にする方法はありますか? Android では、左または右に継続的にパンできます。太平洋の国々を簡単に拡大できます。私の iPhone のマップ アプリケーションにはこのような動作はないようですが、API を使用して何らかの方法で構成できることを望んでいました。
xcode - Xcode 4.3 でマウスを使用してストーリーボードのパンを有効にするホットキーはありますか?
spacebar
+などのホットキーを探していClick 'n drag
ます。これにより、マウスを使用して Xcode ストーリーボードをパンできるようになります。
もちろん、マウス ホイールを使用してストーリーボードをパンすることもできますが、ストーリーボードをクリックして目的の正確な位置にドラッグするよりもはるかに面倒です。
クリック アンド ドラッグ モーションで Xcode ストーリーボードをパンする方法はありますか?
ios - iOS: オブジェクトが重なっているときにパン ジェスチャを無効にする
を使用していくつかのオブジェクトを移動しましたPan Gesture
。次のいずれかの場合に、オブジェクトの移動を永久に停止するようにします。
- 特定の (静止しており、移動できない) オブジェクトに重なっている、または
- 一定範囲の場所に入ります。
を使用して 2 つのオブジェクトが重なっているときに停止しようとしましたが、うまくいきませremoveGestureRecogniser
んでした。
objective-c - rotaeがビューを反対方向に移動させた後に「pan」を使用するのはなぜですか?
回転後に「パン」を使用すると、ビューが反対方向に移動するのはなぜですか?
これらの2つのジェスチャーは異なる座標系を使用しているようですか?回転は回転したものを使用し、パンは通常のものを使用しますか?
また、ビューを0'または360'の近くで回転させると、パンは正常になり、ビューを180'までさらに回転させると、「パン」によってビューがさらに反対方向に移動します。
ありがとう。
iphone - パン ジェスチャ レコグナイザを使用して複数のイメージビューを一緒に移動する
背景画像が画面よりもはるかに大きいxcodeでiPhone用のアプリを作成しています。背景のイメージ ビューにパン ジェスチャ レコグナイザーを追加しました。これにより、背景を自由に移動できるため、ユーザーは自分が制御するキャラクターの向こう側を見ることができます。
これは完全に機能していますが、(エリア全体のキャラクターやその他のオブジェクトに対して) 追加のイメージビューを追加すると、それらは静止したままになります。複数のイメージビューを単一のパンジェスチャレコグナイザーに接続して、1 つを移動するとすべてが一緒に移動する方法はありますか?
他のイメージ ビューをパン ジェスチャ レコグナイザーの参照アウトレット コレクションに接続しようとしましたが、プログラムを実行すると、最後に接続されたイメージ ビューのみがパンされ、他のイメージ ビューは静止したままです。
私はxcodeが初めてで、これは私が見落としている比較的単純なものだと確信していますが、インターネットで答えを見つけることができなかったので、助けていただければ幸いです。:)
ありがとう!
canvas - 単一のキャンバスズーム/パンを実装する方法
単一のキャンバス要素(既存の画像ではなく、手動で作成されたピクセル値で埋められています)があり、そのキャンバスにズーム/パンコントロールを実装したいのですが、それを行うための既存のライブラリはありますか?
どうもありがとう!
c# - PictureBox内で画像をパンする方法
イベントPictureBox
を使用してズームインできるカスタムがあります。MouseWheel
次に、パン機能を追加します。つまり、PictureBoxがズーム状態のときに、ユーザーが左クリックしてクリックを押したままマウスを動かすと、画像は画像ボックス内でパンします。
これが私のコードですが、残念ながら機能しません!もうどこを見ればいいのかわからない…
イベントを疑っていMouseMove
ます...このイベントで何かが起こったかどうか、および/またはnx
正しいny
ポイントが含まれているかどうかはわかりません。
どんな助け/ヒントも本当に適用されます!
android - ズームとパン ImageView Android
ImageView のズームとパンのクラスを作成しました。
私が作成しようとしている機能。- 1 本指のタッチと移動でパンします - 2 本指のタッチと移動でズームとパンします
ほとんどの場合、これは非常にうまく機能します。次の操作を行うと、わずかなバグがあります。 - 1 本の指でパンします (ステータス: 問題ありません) - 2 本目の指を置き、ズームしてパンします (ステータス: 問題ありません) - 2 本目の指を離します (ステータス:画像が少し飛びます)
誰かがこれを解決するのを手伝ってくれることを望んでいました。
「case MotionEvent.ACTION_POINTER_UP」でmLastTouchXとmLastTouchYをリセットすることに関係していると思います
どんな助けでも大歓迎です!