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

javascript - Processing.js キャンバスにパンとズームのコントロールを追加するにはどうすればよいですか?

キャンバスに図形を描くことができます。ここで、ユーザーがキーボード コントロールを使用してパンやズームイン、ズームアウトできるようにしたいと考えています。

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

html - ズーム/マウスパン/回転/テキスト/イベントを備えたJavaScriptグラフィックエンジン?

http://www.marcelbeumer.com/media/main/demos/ngen/index.htmlのようなものをすぐに作成できる、またはせいぜい非常に単純なプラグインを使用して作成できるオープンソースのJavaScriptライブラリはありますか?

次のことができることに注意してください。-ズーム-マウスでパン-回転-テキストをレンダリング-アイテムをクリック

android / iOSで動作する場合は、ポイントが2倍になります。

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

iphone - 従来の imageView-inside-a-scrollView パン ジェスチャを 1 本ではなく 2 本の指で実装するにはどうすればよいですか?

scrollView 内にネストされた imageView があり、画像を表示したり、ピンチしてズームしたり、十分にズームインしている場合はパンしたりできます。カスタムの GestureRecognizer を使用して、(このアプリを作成している人の要求に従って) 1 本の指でパンする既定の動作をオーバーライドして、パン以外のことを行うようにしました。これは完全に機能します。

ここでの問題は、1 本の指でパンできるように画像をパンする機能がまだ必要であることです。ネストされた imageView の既に利用可能な機能を利用するために実装できるソリューションはありますか? それとも、2 本指のジェスチャーが認識された後、独自のカスタム汎ロジックを作成する必要がありますか?

ここでの考えは大歓迎です!

ありがとう

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

scroll - ANDROID - ギャラリー ウィジェットでの ImageView のスクロール、マルチタッチ、パン

onScaleGestureListener を実装する Gallery を拡張し、メイン アクティビティに onItemClickListener を設定します。

このコードは正常に動作します。ギャラリー内のすべての画像ビューをピンチしてズームし、ズームした ImageView をパンできます。しかし、画像をズームしてから有効にするときに、ギャラリーのスクロールを無効にするにはどうすればよいですか? 下手な英語ですみません、ありがとうございます!

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

android - マトリックスを使用して単純なイメージビューをズームおよびパンする方法

ボタンからズームする必要があるため、ソニーのズームチュートリアルを使用したくありません。

誰かが私に提案したり、単純な行列計算で画像をズームするためのコードを提供したりできますか?

必要なことをしてください。

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

c# - WPF での大きな画像の効率的な表示とズーム/パン

私は現在、8800x6800 以上の大きなエンジニアリング図面を表示する必要があるアプリケーションに取り組んでいます。要件には、ユーザーが画像をパンおよびズームできる必要があることが記載されています。理想的には、画像にも注釈を付けられるようにしたいと考えています。Windows フォト ビューアーを見ると、私がエミュレートしようとしているパフォーマンスと機能 (注釈部分を除く) が表示されます。

これまでのところ、画像を表示するためにいくつかの異なるアプローチを試しましたが、探しているパフォーマンスを提供するものはないようです。大量のメモリを消費するか、遅いかのどちらかです。これらは私が取ったアプローチです:

  • Viewbox子供のImage頃に。メモリ使用量は問題ありませんが、サイズ変更Viewboxが遅いです。そのため、このアプローチでズーム/パンをまだ試していません。
  • InkCanvasセットをImage背景または子として使用します。このアプローチでは、ズーム/パンはまあまあのようScaleTransformTranslateTransform 見えましたが、メモリ使用量は 450 ~ 600 MB の範囲で増加する可能性があります。

これは、.NET/WPF を使用した画像操作への私の最初の進出であり、この件に関する私の知識はかなり限られています。大きな画像、特に WPF を処理するためのベスト プラクティスは何ですか? 画像のタイリング (ディープ ズームなど) が役立つことを読んだことがありますが、これを行う方法や、私の状況でそれが最善のアイデアであるかどうかはわかりませんでした。これをよりよく理解するのに役立つリソースを知っていますか?

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

plot - ExtJS + JQuery/Flot: プロット コンテナーのマウスダウン イベント

flot では、「plotpan」イベントと「mousedown」イベントの間に競合があることに気付きました。プロットのパンを有効にすると、プロット エリアでマウスダウンが機能しなくなります。また、「plotpan」イベントを無効にして「plotclick」イベントと「mousedown」イベントを有効にすると、mousedown のみが機能し、plotclick は機能しないことがわかります。これら 3 つ以上のイベントがより適切に機能するようにするにはどうすればよいですか? デモコードは次のように添付されています。

上記のコードでは、プロットのパンを有効にしているため、mousedown イベントが機能しません。プロットパンを無効にすると、マウスダウンが機能します。また、plotclick を有効にしても、マウスダウンのみが機能します。plotpan と plotclick の両方が「mousedown」イベントに関連していることを知っているので、競合があります。ただし、それらを連携させる方法を見つける必要があります。

コメントをお待ちしております。

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

xcode - iPad の UIPanGestureRecognizer の問題

私のアプリでは、ポップアップするサブビューを移動しようとしています。これは、このリンクでAppleが提供するUIPanGestureRecognizerとジェスチャー認識機能を使用して行っています

したがって、ボタンの画像をクリックしてビューを移動しようとすると、ビューが移動しないという問題が発生します。この機能は、ボタンをクリックしてからクリックして移動した場合にのみ機能します。そうして初めて、ビューが移動します。

私が間違っていることを知りたいです。

これは、この機能を追加するボタン コードです。

アプリがパンジェスチャを認識するために使用するコードは次のとおりです

誰かがこれで私を助けることができれば、それは本当に素晴らしいことです.

更新: 問題は解決しました。以下の回答を見てください。

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

android - ANDROID-MapView

誰かが私が構築しようとしているmapviewimに関するいくつかのことを手伝ってくれませんか。キャンバスを取得してビットマップを描画するレンダラーがあります。ビューを作成し、コンストラクターで次を作成します。

onDrawメソッドで私はこれを持っています:

今、私はパンとズームを実装したいと思います(現在、保存されたタイルなしで動作しています)これが私のonTouchです:

mScaleDetector.onTouchEvent(ev);

これが私が望むものと私が抱えている問題です:

  1. パンするとき、距離をピクセル単位で計算したいので、レンダラーが画像を再度レンダリングするときにそれを伝えることができます。これはどのように達成されますか?ACTION_DOWNの座標を記憶し、ACTION_UPの新しい座標と比較することによって?
  2. パンが完了したら(そして画像が再レンダリングされたら)、キャンバス(画像)を元の位置に戻したいと思います。現在、ペインのままです(canvas.translateのため?)
  3. ズームジェスチャを処理するにはどうすればよいですか?このコードを使用すると、指でズームアウトすると、画像が左上隅に向かって「ドラッグ」されます...

私はアンドロイド(およびジャバ)で新しいので、どんな助けも高く評価されます。

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

ios - iOS。一連のビューを連続的にパンするにはどうすればよいですか?

それぞれが UIView であるサムネイルのグリッドがあります。各サムネイルには、パン ジェスチャが添付されています。パン ジェスチャが 1 つのサムネイルで開始された場合、指が実際にサムネール上を移動しているにもかかわらず、後続のサムネイルはパン ジェスチャを認識しません。ジェスチャがサムネイルで開始されなかった場合でも、すべてのサムネイルがパン ジェスチャに反応するようにするにはどうすればよいですか?

ありがとう、
ダグ