問題タブ [viewport]

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

linux - X Windows / LinuxでWindowsの可視領域を決定する方法は?

ネストされた X ウィンドウがいくつかあります。たとえば、スクロール可能なウィンドウ内のスクロール可能なウィンドウです (以下の例を参照)。このような場合、メイン ウィンドウには、(少なくとも) 主要なスクロール バーと、それらが制御する (主要な) 描画領域が含まれます。この描画領域には、(少なくとも) スクロール可能なウィンドウ バッチ (スクロール バーと小さな描画領域を含む (マイナー) メイン ウィンドウ) が含まれます。

XCopyArea を使用してプロセスを高速化し、有効なコンテンツを移動し、新しく表示されたコンテンツに対して実際の再描画ルーチンを呼び出すため、内側の描画領域のライブ スクロール中に再描画手順が台無しになります。これは、内側の描画バッチが単独である場合は問題なく動作しますが、別の描画バッチ内にネストされている場合、問題が発生します - 内部の scrolling-batck が部分的に表示されている (つまり、主要な描画領域がスクロールされている) 場合、新しく表示されたコンテンツの再描画は主要な描画から切り取られます。実際に再描画されることはありませんが、再描画されると見なされます。次のスクロールで XCopyArea がこのおそらく再描画された領域を取得すると、実際には空になります。最後に、この空の領域が部分的に表示されている内部スクロール バッチに表示され、空になります。最初の一般的な再描画メッセージで、それらは修正されます。

(私の) 内側の描画領域から実際に見えるもののクリッピング マスクを取得できれば、XCopyArea() 呼び出しと再描画呼び出しを調整して、スクロール バーの移動ごとにすべてのコンテンツを再描画する計画 "B" なしで問題を解決できます。 .

例: Mozilla Firefox 用のプラグインを開発していて、「自分の」ウィンドウの可視領域を表す領域 (つまり、Mozilla システムからプラグイン ビューポートとして渡される領域) を決定する必要がある場合。

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

flash - 同じ DisplayObject の複数のビューポート

同じ表示オブジェクトを複数表示することはできますか? (例: 分割画面を使用した同一コンピューターのマルチプレイヤー ゲーム)

動作しなかったサンプル コードは次のとおりです。

これにより、同じオブジェクト ( ) の 2 つのビューポート (v1および)が作成されると思いました。しかし、ドキュメント、DisplayObjectContaner/addChild メソッドを確認すると、v2content

別の表示オブジェクト コンテナを親としてすでに持つ子オブジェクトを追加すると、そのオブジェクトは他の表示オブジェクト コンテナの子リストから削除されます。

これに対する解決策はありますか?


得られた結果

得られた結果

期待される結果 (シミュレート)

期待される結果 (シミュレート) http://img337.imageshack.us/img337/7914/222mq4.png


Antti が提案するビットマップへのレンダリングは素晴らしいアイデアですが、レンダリングされたスプライトはマウス イベントをキャッチできません。ビットマップでのマウス クリックをリダイレクトして、元のスプライトでクリックをトリガーする方法はありますか?

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

java - JScrollPaneがビューポートを表示するようになりました

Java Swingでアプリケーションを作成していますが、問題があります。シンプルなパネルを保持する必要のあるタブ付きパネルとスクロールパネルを作成しました。単純なパネルは正常に機能していますが、私のスクロールパネルでは、スクロールバーのみが表示され、ビューポートは表示されません。コードは次のとおりです。

ContentPane

ScrollPanel

GraphPanel

エラーや例外が発生しないため、どのアプローチを取るかが完全に失われます。

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

opengl - ズーム、パン、回転はどのように機能しますか?

OpenGL を使用して、キャンパスの原始的な地図を描こうとしています。

パン、ズーム、回転が通常どのように実装されているか、誰か説明してもらえますか?

たとえば、パンとズームでは、ビューポートを調整しているだけですか? それで、マップを構成するすべての線をプロットして描画し、ユーザーがクリックしてドラッグすると、ビューポートが調整されますか?

パンの場合、ビューポートの x/y 値をシフトし、ズームの場合、ビューポートをある程度増減しますか? 回転についてはどうですか?

回転の場合、キャンパス マップを表すポリラインごとにアフィン変換を行う必要がありますか? これは、まともなサイズのマップでオンザフライで行うには費用がかかりませんか?

または、ビューポートは同じままで、パン/ズーム/回転は別の方法で行われますか?


たとえば、このリンクにアクセスすると、ビューポートを変更することで、上記のようにパンとズームを正確に説明していることがわかります。

これは正しくありませんか?

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

css - CSS を使用してビューポートの垂直中央に配置

<div>Javascript (純粋な HTML と CSS のみ) に頼らずに、ビューポート (ブラウザー ウィンドウ) でa を垂直方向に中央揃えしようとしています。いくつかの制約があります。

  • は、ビューポートの垂直方向のdiv中央に配置する必要があります。<div>私が見たメソッドは、私が望むものではない、 別の内部のセンタリングのみをサポートしています。
  • の高さdivは不明。

その他の制約:

  • div右揃えにする必要があります。
  • div幅は一定です。
  • divパディングをサポートする必要があります。
  • その他の要素は Web ページに配置されます。はdivメニューとして機能します。
  • div は背景色/画像をサポートする必要があります。

これにより、私が望むものに近づきますが、正確ではありません:

ただし、ナビの上部はナビの真ん中ではなく真ん中にあります。

divこれらの制約を中心に置くことができるテクニックはありますか?

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

javascript - jQueryには、クライアントをビューポートの一番下までスクロールする機能がありますか?

jQuery でビューポートの一番下までスクロールをアニメーション化したいと考えています。やり過ぎではない (つまり、この小さなタスクのための巨大な機能セットがない) 利用可能なプラグインはありますか?

利用可能なプラグイン、または jQuery でネイティブにこれを行う方法はありますか?

0 投票する
6 に答える
60482 参照

opengl - OpenGLで複数のビューポートを使用するには?

たとえば、1 つは正投影を使用し、もう 1 つは遠近法を使用して、2 つの異なるビューポートで OpenGL の同じオブジェクトを表示する必要があります。これを行うには、glViewport() を呼び出すたびにオブジェクトを再度描画する必要がありますか?

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

firefox - Firefox:ビューポートの実際の画面位置を取得します

Firefoxの場合、「ビューポート」(つまりクライアントエリア)のTopLeftの場所を特定する方法はありますか?高さ/幅はwindow.innerHeightとwindow.innerWidthで利用できることを知っています。ただし、「innerTop」と「innerLeft」(存在しない)も知っておく必要があります。

ありがとう、

ロブ

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

css - JavaScript を使用せずに、現在のドキュメントをそのマージンを含めて覆うように div のスタイルを設定できますか?

JavaScript を使用して実行できますが、CSS だけで、任意のページのドキュメント コンテンツまたはビューポートに正確に重なるように div のスタイルを設定することは可能ですか (ページに不透明な灰色のレイヤーを適用するため)。ページには body 要素のマージンがある可能性があるため、div を body 要素の幅に合わせてスタイリングすることはできません。(IE 6 でも動作する必要があります)

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

javascript - 横向き表示の再フォーマット

ナビゲーション ベースのアプリで文字列から UIWebView を読み込みます。私はUIWebViewのヘッダータグでこれを使用しています:

ビューポートがない場合のように、画像サイズを再調整する必要がないため、ビューポートを 1.0 で使用します。電話を横向きに回転すると、ウィンドウの幅が大幅に切り取られ、右側に黒い空白が表示されます。ビューがすべての横方向のスペースを埋めるようにしたいと思います...そして、縦方向のようにラップするのではなく、テキストがこのスペースを埋めるために使用します。そのタイプのフォーマットを取得する方法はありますか?