問題タブ [panning]

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 に答える
891 参照

android - ユーザーがItemizedOverlayをクリックできるようにしながら、Android MapViewでパン/ズームを無効にすることはできますか?

パン/ズームを無効にして、マップ オーバーレイをクリックできるようにする方法はありますか?

ユーザーがマップのビューポートを動き回ることを拒否しながら、タップ可能にしたい ItemizedOverlay について具体的に考えています(ゲーム用です)。

同じ質問への回答を見たことがありますが、残念ながらその回答ではオーバーレイ項目をクリックできません。

どうもありがとう、よろしく、アレックス

0 投票する
2 に答える
4130 参照

javascript - Google マップを低速で一定のパンに設定できますか? 地球革命のような?

まさにタイトル通り。解決策を探していますが、正しいドキュメントや記事に導くようなものは見つかりませんでした。

何かアイデアがあれば、または私が協力できる解決策を教えていただければ幸いです。

ありがとう

0 投票する
2 に答える
13274 参照

javascript - マウスの動きに基づく HTML5 パン

HTML5 のキャンバス内で「パン」する機能を実装しようとしていますが、それを実現する最善の方法がわかりません。

現在、マウスがキャンバス上のどこにあるかを検出しようとしています。エッジの 10% 以内にある場合は、次のようにその方向に移動します。

現在のエッジ検出:

キャンバス内にパスを作成し、それらにイベントを添付することでおそらくこれを達成できることはわかっていますが、あまり扱っていないので、ここで質問しようと思いました. また、「ラッピング」パンが可能であれば、それは素晴らしいことです(左へのパンは最終的に右へ移動します)

概要: HTML5 Canvas 内で「パン」を実行するための最善の方法は何かと考えています。これは画像ではなく、実際に描画されたオブジェクトを使用します (違いがある場合)。質問があれば喜んでお答えします。

デモ:

デモ

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

android - Android WebView でパンした後、シングル タッチで予期しないスクロールが発生する

拡張WebViewし、 でズームを有効にしましmyWebView.getSettings().setSupportZoom(true);た。

パンした後に画面をタップ (シングルタップ/タッチ) するとWebView、 が別の位置に移動 (スクロール) するように見えます。これにより、座標が予期せず変更されるため、パンとダブルタップのイベントが台無しになります。

これを防ぐ方法はありますか?Androidのバージョンは2.3です。

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

android - キャンバスで画像をパンおよびズームできない

ズームとパンを許可するキャンバスで画像を表示しようとしていますが、ユーザーが画像を画面外にパンすることはできません。パンを停止することはできましたが、画像をズームすると、画像の端の手前で停止します。ズームインしても画像の端までパンできるようにする必要があります。

画像を表示し、画面外のパンとズームを停止する私のコード:

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

ios - 2 本指のパンとズームによる UIScrollView のページング

テスト ケースは簡単に再現できます。Apple のPhotoScrollerサンプル アプリをダウンロードし、2 本の指でのみパン (ズームされた画像の周囲と各画像間の両方) が機能するように調整してみてください。

と のpanGestureRecognizer両方のを最小および最大 2 回のタッチのみを受け入れるように設定することは、開始するのに適しているように思えますが、うまくいきません。2 本の指で問題なく画像をスクロールできます*が、ページングは​​機能しません。pagingScrollViewimageScrollView

設定とカスタム ジェスチャ レコグナイザーの組み合わせをたくさん試しましたが、少し困惑しています。カスタム スクロール ビューのサブクラスは役に立つのでしょうか、それともスクロール ビューのデリゲート メソッドを操作して動作させることはできますか?

*編集:実際、この状況ではうまくスクロールしません。ワンタッチのようにビューがスムーズに移動しなくなりました...

更新:私はまだこれに苦労しています。UIGestureRecognizers とsをいじったことがある人からの意見をいただければ幸いですUIScrollView

編集

ImageScrollView2 つのタッチのみを受け入れるようにクラスを設定します。

PhotoViewControllerを 2 回のpagingScrollViewタッチのみを受け入れるように設定する:

これらの変更は、PhotoScroller サンプル アプリの上で直接行われます。これらの単純な変更は 2 本指の操作で機能すると思いますが、副作用は奇妙です (上記で説明したように)。

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

javascript - How to speed up panning and zooming using smoothZoom jquery plugin?

Hello I am currently using the smoothZoom plugin in a project (http://codecanyon.net/item/smooth-zoom-pan-jquery-image-viewer/511142). I have to load in an image of roughly 2500 * 2500 pixels (the client is insistant on this size not being changed otherwise I would just resize the image).

Does anybody know any ways to make the panning and zooming smoother?

At the moment the operation of the smoothZoom is very sluggish.

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

flash - Google マップ、マウスによるドラッグ/パンを無効にする

googleMap.draggable = false;google.maps.MapOptionsオブジェクト仕様」の Java でドラッグが無効になることは知っていますが、Action Script 3.0 ではどのように機能しますか? マウスによるドラッグ/パンを無効にしたい。使っgoogleMap.disableDragging();たけどダメ..

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

jquery - 1ページに複数のjQuery画像パンを作成する

Manosによるすばらしいスクリプトがあり、画像にカーソルを合わせると、トリミングされた画像をパンできます。これがコードで、これがデモです

私がやりたいのは、1ページに複数の画像を配置し、画像ごとにさまざまなサイズを設定することです。(このためにJSfiddleを作成しようとしましたが、うまくいきませんでした...)

1ページに複数を追加しようとしましたが、各画像はアクションを反映しており、各インスタンスは正確に同じサイズの画像である必要があります。そうでない場合、適切なパンを計算できません。

よろしくお願いします。

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

jquery - jQuery iFrame コンテンツのパン (スクロールではなく)

通常のスクロールではなく、Google マップのような iFrameコンテンツ パニングを探しています。つまり、iFrame 内に google.com をロードしたとします。しかし、その iFrame をスクロールする代わりに、パンニングを使用してページ コンテンツを上下にスクロールしたいと考えています。

そのようなiFrame Content Panning用のプラグインはありますか?