問題タブ [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 に答える
84 参照

pan - Windows Phoneの1つのパノラマアイテム全体をページに表示する方法、2番目のアイテムの一部は必要ありません

WP7アプリを作成しています。パノラマアイテム付き。私は問題に直面しています。画面に全景(ページ)を表示したい。デフォルトでは、2ページ目の一部が表示されています。2番目のアイテムの一部は必要ありません。どうしてそれが可能か。Br、Siddhesh

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

javascript - キャンバスのサイズが変更されたときのキャンバスのパンとズームの問題

このstackoverflowの回答ここではライブデモ)で見つけたコードを使用して、キャンバスにパンとズームを実装しました。これはうまく機能しますが、問題があります。

私のページ全体がキャンバスなので、ブラウザのサイズが変更されると、キャンバスもサイズ変更されます。コードがないと、キャンバスが伸びてひどく見えます。ブラウザのサイズが変更されたときにキャンバスのサイズを変更するようにjQueryを設定すると、後で非常に奇妙なパンの問題が発生します。

更新する変数や、キャンバスのサイズが変更された後もパンとズームが機能し続けるように変数を適切に更新する方法がわかりません。

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

iphone - キネティックjsでモバイルズーム機能を有効にする方法

キネティック js + html5キャンバスを使用して Web サイトを作成しています。Web ではうまく表示されますが、モバイルでサイトを表示すると問題が発生します。キネティック js でモバイルのパンとズーム機能を「ロック解除」する方法はありますか?

手伝ってくれてありがとう。

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

matlab - フィギュアパンとズーム状態の設定

たとえば、次のコードを使用して、MATLABFigureのズーム状態を設定できることを知っています。

私が達成したいのは、座標として指定する図の特定の位置にズームインすることです。どうすればいいですか?フィギュアパンの位置を指定できるコマンドが必要だと思います。

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

javascript - パン サムネイルがパンされたときの画像の拡大

ひどいタイトルで申し訳ありません。使用する正しい用語がわかりませんでした。

イメージ上にキャンバス ウィンドウがある Web ページに世界地図を配置しました。この世界地図は大きすぎて一度に表示できないため、ユーザーはウィンドウ内で画像をパンできます。サムネイルの上に長方形のカーソルを置いて、ページに画像の「サムネイル」バージョンも配置したいと思います。ユーザーがカーソルをサムネイル上に移動すると、大きな地図が移動 (セルフパン) して、サムネイル上の四角形カーソルの下の領域に一致します![ここに画像の説明を入力][1]

提供された画像に例があります。世界地図の一部が表示されます。右側には、長方形のカーソルが付いた画像のサムネイルがあります。そのカーソルを動かすと、世界地図がパンします。

HTML5 と JavaScript を使用しています。他の言語はありません。誰かが私に例を示したり、正しい道を示してくれたりしたら、とても感謝しています.

ありがとう!

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

css - Google マップのパンとズームの色のカスタマイズ

パンとズームの色をカスタマイズできるかどうか疑問に思っていました。デフォルトの白色から別のものにするか、グラデーションを追加します。私はGoogleマップが初めてで、これまでに思いついたものです。

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

javascript - Google Maps v3 API - マウスが境界ボックスの近くにあるときにマップをパンする方法

panBy を使用する予定ですが、マウスがバウンディング ボックスに「近い」ことを検出する方法がわかりません。ここからどこから始めればよいかさえわかりません。

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

matlab - プログラムでパン ツールを呼び出す

では、プログラムでプロットパンを変更する方法は?

ドキュメントの関数構文:

コードは、ツールの有効化と無効化に使用され、垂直方向または水平方向のパン方向を決定するために使用されているようです。関数またはプログラムpHandleを使用してハンドルでプロットを変更するにはどうすればよいですか。pan

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

svg - D3.js セマンティック ズームとパンの例が機能しない

ここにある D3.js の SVG セマンティック ズームとパンの例のバージョンを実装しようとしています。Mike Bostock (こちら) が推奨するように、デンドログラム/ツリー (例はこちら) でこれを実行しようとしています。目標は、奇妙なノード/パスのリンク解除動作がないことを除いて、他のスレッドの1つが言及したこのjsFiddleのようなものです。私の個人的な試みはここにあります

Firebug で Mike のコードで「cannot translate(NaN,NaN)」というエラーが発生していたので、ズーム機能のコードを以下のように変更しました。ただし、挙動がおかしい。現在、1) パスがズーム/移動しません。2) ノードを右下から左上にしかパンできません (左下から右上にパンしようとすると、ノードは引き続き LR-UL に沿って移動します)。方向)。

上記の Google Groups スレッドとjsFiddleに記載されている他の解決策に従ってみましたが、あまり進歩していません。コードに jsFiddle からのパス リンクを含め、translate() 関数を使用すると、パスをスケーリングできます。ただし、1) 垂直方向に反転します (どこかで x と y の転置が正しく機能しません)。2) パスはノード (おそらく #1 に関連) と同じ速度でズームしないため、「リンク解除」されます。3) パンすると、パスはすべての方向にパンしますが、ノードは移動しません。ノードをクリックしてツリーを展開すると、パスが再調整されて修正されるため、更新コードがうまく機能しているように見えます (ただし、その作業部分を特定/コピーする方法がわかりません)。ここで私のコードを参照してください。

私の質問は次のとおりです。

  • 私が見ることができるデンドログラム/ツリーのズーム/パンの実例はありますか?
  • 上記のコードを使用して、パスがどこで/どのように反転されているかを誰でも特定できますか? SVG Cubic Bezier 曲線を描画する translate() 関数内でさまざまな順列を試しましたが、何も正しく機能していないようです。繰り返しますが、私の jsFiddle はhereです。
  • パンニングが部分的にしか機能しない場合のトラブルシューティングのヒントやアイデアはありますか?

助けてくれてありがとう!

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

plot - QWT ズーマー プラス パンナー (連続リプロット付き)

私は QWT でいくつかの小さなテスト プログラムを実行した経験がありますが、今は専門的なものを作成する必要があります。

ズームとパンを行う必要があるプロットがあります。うまく機能するズーマーをインストールしてパナーを追加しますが、ズーム領域をパンすると、パンニングの最後にリプロットが正常に機能しますが、移動中は最後のリプロットからの画像が周りや側面を移動するだけです空の画像があります。とにかく、移動中に継続的に更新される画像を表示できるようにすることはできますか (ゴーグル マップのようなもの)。Google マップは単なる jpg 画像であるため、同じではありませんが、これを行うことができれば、はるかにきれいに見えます。ありがとう。