問題タブ [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.

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

jquery - D3 マップで特定の場所にズームするにはどうすればよいですか?

私は D3 を使用していますが、これまでのところ、クロロプレスの例を微調整して、特定の状態のみを描画することができました。これには、必要な状態を残すために、他のすべてのポリゴン データを単純に削除することが含まれていました。

私はこれから始めました: ここに画像の説明を入力

そして、これに微調整しました: ここに画像の説明を入力

ただし、私がやりたいことは、次のように、状態がディスプレイの前面と中央になるように、作成時にマップを自動パン/ズームすることです。 ここに画像の説明を入力

D3 ライブラリを介してこれを行いますか? または、これを実現するためのいくつかの独立したコード(現在、d3で実行されているjquery-svgpanを使用して、手動のパン/ズームを可能にしています)?

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

zooming - ベクターレイヤーのすべての機能に自動的にズーム/パンする方法は?

Openlayersを使用して、ベクターレイヤーのすべての機能が表示される位置にマップを初期化したいと思います。どうやってするか?

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

d3.js - パン/ズームの順序尺度?

私はd3を使用して、d3.behavior.zoomを使用したパンとズームを使用して、簡略化されたガントチャートをレンダリングしています。

xスケールは時間スケール(列の暦日を中央に配置するなどにわずかに変更)であり、正常に機能しますが、yスケールをズーム/パンする方法を決定するのに問題があります。そのドメインは、多くの場合、タスクのリストです。チャート領域に収まらないほど多すぎるため、パン/ズームが必要です。

ズーム/パンイベントに反応するようにデフォルトの順序スケールを指示する方法はありますか、またはカスタムスケールを作成する必要がありますか?また、カスタムスケールを作成する必要がある場合は、d3.scale.ordinal(タスクのリスト全体を格納し、表示されているサブセットのみをドメインとして使用する)またはd3.scaleに基づいた方がよいでしょうか。線形(そして、範囲帯域などの順序スケールに似たものを実装しますか?)。

または、私が見逃しているものがありますか(d3を使用した最初のプロジェクトであるため、完全に可能性があります)?

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

zooming - Flash でのシンボルのズーム、パン、ドラッグ

このスクリプトhttp://www.flashandmath.com/howtos/zoom/を変更して、ビットマップ画像の代わりにシンボルを使用しようとしています。.swf ファイルの読み込みも受け付けます。どうすればこれを達成できるか、アドバイスをお願いします。

マウスホイールでのズームも必要ですが、そこまではいけると思います。

どんな助けでも大歓迎です!

ありがとう、ダイアナ

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

android - AndroidMapViewViewPagerIndicatorにズーム/パン機能がありません

ViewPageIndicatorライブラリのTabPageIndicatorにMapViewを表示しようとしています。フラグメントでMapViewを使用するには、android-support-v4-r10.googlemaps.jarを使用します。

これまでのところ、MapViewを表示できますが、タッチイベントには反応しません。ズームもパンもできません...

私のMapFragment:

xml:

FragmentActivity:

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

android - Android : ズーム、パン、スケール機能を使用してレイアウトに複数の画像を追加する方法

私は次のように動作するアプリケーションを作成しています:

  • ビューページャーを用意します
  • 各ページャー要素は背景として画像になります
  • この背景にカスタム オブジェクト (他の小さな画像) を追加し、移動およびスケーリングする機能が必要です
  • ページ全体をズームし、その上のすべてのオブジェクトと背景をズームする機能が必要です

これについて私を助けてもらえますか?

ありがとうございました

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

ios - ジェスチャを管理する UIGestureRecognizerDelegate -- タッチの割り当てを解除できますか?

私は、ほとんどのタッチ ジェスチャがパン ジェスチャになるアプリに取り組んでいます (ただし、パン ジェスチャ認識機能は使用していません)。、、、UIGestureRecognizerDelegateおよび を使用しています。ただし、画面上にいくつかのスポットがあり、そこでパンが開始された場合、代わりにタップ イベントとして認識したいと考えています。touchesBegan で位置を認識するだけでこれを行うことができます。私の質問は、パンの継続を防ぐために、その時点でタッチの割り当てを解除できますか? 画面内のこの位置からパンが開始された場合、ユーザーが実際にパンとして意図したものではないことが保証されます。これが理にかなっていることを願っています。touchesBegantouchesMovedtouchesEndedtouchesCancelled

編集:無視すべきポイントであっても、タップを管理する余分なオーバーヘッドは取るに足らないものであることに気付いたので、それを行うだけだと思います。ただし、ジェスチャーが追跡され続けるのを止める方法がある場合に備えて、ここで質問を続けます。

また、次の状況を処理する方法についての提案も必要です。

ユーザーが (先ほど説明した領域ではなく、実際にパンを意図した場所で) パンを開始し、パンの進行中に別のパンが画面上の別の場所で開始されたとします。この状況をどのように認識しますか?

編集:私は今、このコードがこの問題を解決するかどうかをテストしています:

編集:ARCは明示的なdeallocを禁止しているため、質問をより一般的なものに修正し、もしあれば、それ以上のアクションを抑制するために何ができるか. それとも、私はそれに対処する必要がありますか?

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

internet-explorer-8 - IE8でのズームとパン

ズームインおよびパンするdivにはどうすればよいIE8ですか?

ズームインとパンインをサポートするJavaScriptライブラリie8

このようなトゥイーンライトを試してみたとき http://jsfiddle.net/jophine/FLt9X/5/

を除くすべてのブラウザで正常に動作していますIE8

ここに画像の説明を入力してください

ここに画像の説明を入力してください

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

image - Delphiで合成画像からパンを作成する方法

私はdelphiグラフィックスメソッドに少し慣れていないので、...ビューポートの作成にこだわっています。これは、プロジェクトで実行しているときに呼び出す方法です。申し訳ありませんが、コードを提供できませんが、ロジックの部分で立ち往生しています。グーグルで検索すると、OnPaint、Drawメソッドがいくつか見つかりました。しかし、これらは私が達成しようとしていることではありません。たとえば、次のようなものがあるからです。

  1. クライアントの上下/左右に固定された1600x1000の背景画像。
  2. 設定されたx/y座標に配置された複数のTImage要素。
  3. クリック可能な領域を設定できるHTMLのマップ要素のような「ホットスポット」(ステップ2で配置する画像の場合)
  4. ズームは必要ありません。
  5. そして最も重要なことは、背景をドラッグしている間、背景の上に配置されたTImageもドラッグする必要があるということです。

私のロジック(HTML / jQuery)は、#viewportBinder(ドラッグしていたdiv、transparent bg)を作成し、その後にdiv(TImages)を含む#viewtown(1600x1000、背景)と呼ばれる別のdivを作成することでした。 CSSの設定された座標に配置されます。

したがって、viewportBinderをドラッグしているとき、jQueryは#viewportに新しいx/yを設定します。暗黙的に、親が相対位置に配置されているため、#viewport内のdiv(TImages)が移動しています。

この種のプロジェクトの経験はありますか?コードのスニペットはありますか?

具体的には、私が実装したものとDelphiコードに移植したいもののhtmlの例を示します:http ://www.youtube.com/watch?v = 9iYqzvZFnGA

よくわからない場合は申し訳ありませんが、デルファイでの経験がまったくないため、出発点がありません。(RAD Studio 2010を使用)