問題タブ [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 投票する
1 に答える
335 参照

android - AndroidPlot 折れ線グラフにポイントのサブセットを表示する

Androidplotライン プロットを生成し、ズームとパンを実行できるようにするためのライブラリを使用してきたので、変更されたバージョンのXYPlotZoomPanクラスを使用しています。

私の現在のグラフは、日付の範囲で 1 日あたりの値を示しているため、7 日を表示している場合、ドメイン軸は読み取り可能ですが、30 日を表示しようとすると、混乱してしまいます。

私の目標は、7 日間を表示し、表示されていない残りのチャートをスクロールできるようにすることです。

境界を処理する唯一の関数は ですsetDomainBoundaries。現在、私はこれを試しました:

しかし、この範囲内の値を表示することができ、残りの日をパンする能力を失います.

どうすればそれができるか考えている人はいますか?ありがとう。

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

javascript - javascript画像パン「ブロック」ナビゲーションリンクとdiv要素を不透明にする

フッターのすぐ上に CSS を使用して div に埋め込まれた画像 bg があります。アイデアは、マウスが左右に移動すると、画像がそれに沿って移動するというものです。/body の上の Javascript がこれを機能させる原因です。うまく機能しますが、ナビゲーション リンクはクリックできなくなり、コンテンツ div は不透明になり、背景画像が透けて見えます。#bg div を削除すると、すべて正常に動作します。それを修正する方法はありますか?HTMLとCSSは以下です。ここのチュートリアルからこれを取得しました: panning

CSS:

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

ios - iOSのカスタムアクションでセルをパン

こんにちは、メールボックス スタイルのパンhttp://www.mailboxapp.com/でテーブルビューを作成しようとしていますそれは問題なく動きます。問題は、セルをスワイプしたときにカスタムアクションをトリガーしたいのですが、セルが開いているときにしか実行できず、タッチしたことです。

これは、アクションが発生しているコードです

Gesture Recognizer を使用してアクションをトリガーできることはわかっていますが、ライブラリは既にそれを行っていると思います。

この部分では、セルがどこにパンニングされたか、セルの背面が表示されているかどうかを正確に知っているアクションをトリガーしますが、選択機能であるため、常にクリックすることによって実行します。

そして、この他の部分はカスタムアクションをトリガーする必要があると思いますが、プログラムはこの関数に入りません

私は自分自身を明確にしたことを願っています。事前に感謝します。

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

uiscrollview - UIScrollView のパン ジェスチャを拡張する (上書きしない)

まあ...タイトルはそれをすべて言います...私はメインのUIViewのサブビューとしてUIScrollViewを持っています...パンするときにUIViewControllerがUIScrollViewに代わって動作するようにしたいのですが、パンの実装を上書きすることはありませんUIScrollView。

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

android - スケーリングされたカスタム ViewGroup のタッチ イベントは、スケーリングされていない状態のビューを返します

私はこれを理解するのに最も苦労しているので、誰かが助けてくれるか、少なくとも正しい方向に向けてくれることを本当に願っています.

私の目標は、スケーリングとパンをサポートする ViewGroup を持つことです。

私はさまざまなアプローチを試しました。最近、水平および垂直のパン/ドラッグとピンチズームを備えたこのビューを使用しています。

ピンチとズームは正常に機能し、ズーム解除またはパン解除モードでのシングルタップも同様です。

ただし、ビューをズームして画面をタップすると、ズームされていない ViewGroup のタップされた位置に配置されたビューで子ビューの onTouch がトリガーされます。childviews のコンテンツがスケーリング、パン、および描画されているようですが、ビュー自体はそのままです。

ネイティブの理解が欠けていますか?

バックグラウンド。すべてのビューはプログラムで生成され、カスタム ViewGroup のすべてのサブビューには独自の OnTouchListener があります。通常、1 ~ 5 個のサブビューがあります。

リンクのコードをそのまま使用することに戻ったため、コードは追加していません。

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

jquery - 背景画像の動きを滑らかにする方法は?

移動/パンの背景画像を作成できました。それはjsfiddleでうまく見えてうまくいきます:

http://jsfiddle.net/juhant/jxthp/6/

しかし、ブラウザでテストすると、動きがスムーズではなく、写真がフリーズすることがあります。

これはHTMLです:

これはCSSです:

そしてjQueryビット:

これは何が原因で、どうすれば修正できますか? 前もって感謝します。

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

javascript - キャンバス: 画像の最後でパンを停止

キャンバスをズームインしてパンする機能を実装しています。これを行うには、描画用とビューポート用の 2 つのキャンバスを用意します。クリッピング領域の制限を見つけるのに苦労しています。

とにかく、これはすべて機能します。ズームインが呼び出されたときに、スケールを1より大きい値に設定しているだけです。これにより、目的の効果が得られます。

スプライト シートをアニメーション化するのと同じ方法でキャンバスをパンしています。ビューポート キャンバスは、描画キャンバスの上のクリッピング領域として機能します。

ただし、キャンバスが右と下に行きすぎないようにするために、境界に設定する数値にこだわっています。

ここで、わかりやすくするためにパンを実装する方法を示します。

TranslationX は 0 から始まり、右矢印キーを押すたびに値を増やします。これが任意の数値であってはならないことはわかっていますが、今のところ 4 に設定しています。

とにかく、これはすべて機能しますが、キャンバスの端から外れてしまい、パンを正しく停止するための条件を理解するのに苦労しています。これが私がこれまでに持っているものです:

明らかにこれは機能しません。キャンバスの端からビューポートの約 1/5 をパンします。私は今、条件に任意の数値を投げ込むだけでハッキングしているだけなので、これは何らかのガイダンスを求める良い機会になると思いました.

前もって感謝します

編集:

わかりましたので、説明が不明確な場合に備えて、問題を説明するための画像を作成しました。

ここに画像の説明を入力

緑色のボックスは、パンしている画像、上記のスニペットで名前が付けられた「キャンバス」を表します。

黄色のボックスはクリッピング領域、上記のスニペットの「viewPort」を表します。

灰色の領域は、Web ページの残りの部分を表しています。

明確にするために、クリッピング領域がキャンバスから外れないようにするために条件にどの値を入れるかについて混乱しています。

再度、感謝します

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

javascript - 画面解像度やキャンバスのサイズ変更とは無関係にパン境界を決定するキャンバス

HTML5 キャンバスのアニメーションにパン機能を実装しました。これはおそらく、私が作成したものの中で最も嫌な実装です。そうは思えませんが、動作し、今のところはそれで十分です。

したがって、これらの変数を設定します。簡単にするために、Y 軸のロジックと、保存と復元は除外します。

これが私の描画ロジックです。Canvas は描画する画像、bCanvas は画像の上に配置する「ビューポート」です。ズームインしていないときは、キャンバス イメージ全体が表示されます。すべてがここで意図したとおりに機能します。

これは X 軸でキャンバスを横切ってクリッピング領域を移動するためのロジックであり、問​​題がある場所 - translationX のインクリメントを停止するタイミングを示す条件です。

ウィンドウのサイズが変更されていない場合、これはすべて機能するので、bCanvas のサイズが変更されたときにそのスケールにどのような条件を設定するかについての方向性を探しています。

重要な場合のサイズ変更機能は次のとおりです。

描画キャンバスの寸法は 1024 x 768 であるため、これらの醜いリテラルは bCanvas をキャンバスと同じ寸法にするだけです。

これは、私の画面解像度でのみ機能し、ウィンドウのサイズが変更されていない場合にのみ機能します。私は、ウィンドウのサイズを変更した後、解像度に関係なくこれを機能させようとしています。

最後に、さまざまな解像度で発生している問題を説明するための画像を示します。ウィンドウのサイズが変更された後、ウィンドウのサイズが非常に小さいサイズに変更された場合、クリッピング領域も移動しません。これは、logc で予想されることです。 moveClippingRegion 関数の if ステートメント。

ここに画像の説明を入力

これを事前に読んでくれてありがとう、どんな助けでも大歓迎です!

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

d3.js - d3 崩壊ツリー - セマンティック ズームとパンの例 - 問題

この質問でこの実用的な例を見つけました。この例を使用して、独自のツリーをズームおよびパンできるようにしましたが、いくつかのバグがあります。ここに私の質問があります。

  1. バックグラウンドでクリックした場合に線が変形しないようにするにはどうすればよいですか?

  2. ノードをクリックした後、標準のズームおよびパン位置でツリーを表示しないようにするにはどうすればよいですか。クリックイベントが更新をトリガーするためですが、解決策が見つかりません。作業例からの更新関数は次のとおりです。

更新 (ルート);

時間をありがとう。