問題タブ [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.
linux - X Windows / LinuxでWindowsの可視領域を決定する方法は?
ネストされた X ウィンドウがいくつかあります。たとえば、スクロール可能なウィンドウ内のスクロール可能なウィンドウです (以下の例を参照)。このような場合、メイン ウィンドウには、(少なくとも) 主要なスクロール バーと、それらが制御する (主要な) 描画領域が含まれます。この描画領域には、(少なくとも) スクロール可能なウィンドウ バッチ (スクロール バーと小さな描画領域を含む (マイナー) メイン ウィンドウ) が含まれます。
XCopyArea を使用してプロセスを高速化し、有効なコンテンツを移動し、新しく表示されたコンテンツに対して実際の再描画ルーチンを呼び出すため、内側の描画領域のライブ スクロール中に再描画手順が台無しになります。これは、内側の描画バッチが単独である場合は問題なく動作しますが、別の描画バッチ内にネストされている場合、問題が発生します - 内部の scrolling-batck が部分的に表示されている (つまり、主要な描画領域がスクロールされている) 場合、新しく表示されたコンテンツの再描画は主要な描画から切り取られます。実際に再描画されることはありませんが、再描画されると見なされます。次のスクロールで XCopyArea がこのおそらく再描画された領域を取得すると、実際には空になります。最後に、この空の領域が部分的に表示されている内部スクロール バッチに表示され、空になります。最初の一般的な再描画メッセージで、それらは修正されます。
(私の) 内側の描画領域から実際に見えるもののクリッピング マスクを取得できれば、XCopyArea() 呼び出しと再描画呼び出しを調整して、スクロール バーの移動ごとにすべてのコンテンツを再描画する計画 "B" なしで問題を解決できます。 .
例: Mozilla Firefox 用のプラグインを開発していて、「自分の」ウィンドウの可視領域を表す領域 (つまり、Mozilla システムからプラグイン ビューポートとして渡される領域) を決定する必要がある場合。
flash - 同じ DisplayObject の複数のビューポート
同じ表示オブジェクトを複数表示することはできますか? (例: 分割画面を使用した同一コンピューターのマルチプレイヤー ゲーム)
動作しなかったサンプル コードは次のとおりです。
これにより、同じオブジェクト ( ) の 2 つのビューポート (v1
および)が作成されると思いました。しかし、ドキュメント、DisplayObjectContaner/addChild メソッドを確認すると、v2
content
別の表示オブジェクト コンテナを親としてすでに持つ子オブジェクトを追加すると、そのオブジェクトは他の表示オブジェクト コンテナの子リストから削除されます。
これに対する解決策はありますか?
得られた結果
期待される結果 (シミュレート)
期待される結果 (シミュレート) http://img337.imageshack.us/img337/7914/222mq4.png
Antti が提案するビットマップへのレンダリングは素晴らしいアイデアですが、レンダリングされたスプライトはマウス イベントをキャッチできません。ビットマップでのマウス クリックをリダイレクトして、元のスプライトでクリックをトリガーする方法はありますか?
java - JScrollPaneがビューポートを表示するようになりました
Java Swingでアプリケーションを作成していますが、問題があります。シンプルなパネルを保持する必要のあるタブ付きパネルとスクロールパネルを作成しました。単純なパネルは正常に機能していますが、私のスクロールパネルでは、スクロールバーのみが表示され、ビューポートは表示されません。コードは次のとおりです。
ContentPane
ScrollPanel
GraphPanel
エラーや例外が発生しないため、どのアプローチを取るかが完全に失われます。
opengl - ズーム、パン、回転はどのように機能しますか?
OpenGL を使用して、キャンパスの原始的な地図を描こうとしています。
パン、ズーム、回転が通常どのように実装されているか、誰か説明してもらえますか?
たとえば、パンとズームでは、ビューポートを調整しているだけですか? それで、マップを構成するすべての線をプロットして描画し、ユーザーがクリックしてドラッグすると、ビューポートが調整されますか?
パンの場合、ビューポートの x/y 値をシフトし、ズームの場合、ビューポートをある程度増減しますか? 回転についてはどうですか?
回転の場合、キャンパス マップを表すポリラインごとにアフィン変換を行う必要がありますか? これは、まともなサイズのマップでオンザフライで行うには費用がかかりませんか?
または、ビューポートは同じままで、パン/ズーム/回転は別の方法で行われますか?
たとえば、このリンクにアクセスすると、ビューポートを変更することで、上記のようにパンとズームを正確に説明していることがわかります。
これは正しくありませんか?
css - CSS を使用してビューポートの垂直中央に配置
<div>
Javascript (純粋な HTML と CSS のみ) に頼らずに、ビューポート (ブラウザー ウィンドウ) でa を垂直方向に中央揃えしようとしています。いくつかの制約があります。
- は、ビューポートの垂直方向の
div
中央に配置する必要があります。<div>
私が見たメソッドは、私が望むものではない、 別の内部のセンタリングのみをサポートしています。 - の高さ
div
は不明。
その他の制約:
- は
div
右揃えにする必要があります。 - の
div
幅は一定です。 div
パディングをサポートする必要があります。- その他の要素は Web ページに配置されます。は
div
メニューとして機能します。 - div は背景色/画像をサポートする必要があります。
これにより、私が望むものに近づきますが、正確ではありません:
ただし、ナビの上部はナビの真ん中ではなく真ん中にあります。
div
これらの制約を中心に置くことができるテクニックはありますか?
javascript - jQueryには、クライアントをビューポートの一番下までスクロールする機能がありますか?
jQuery でビューポートの一番下までスクロールをアニメーション化したいと考えています。やり過ぎではない (つまり、この小さなタスクのための巨大な機能セットがない) 利用可能なプラグインはありますか?
利用可能なプラグイン、または jQuery でネイティブにこれを行う方法はありますか?
opengl - OpenGLで複数のビューポートを使用するには?
たとえば、1 つは正投影を使用し、もう 1 つは遠近法を使用して、2 つの異なるビューポートで OpenGL の同じオブジェクトを表示する必要があります。これを行うには、glViewport() を呼び出すたびにオブジェクトを再度描画する必要がありますか?
firefox - Firefox:ビューポートの実際の画面位置を取得します
Firefoxの場合、「ビューポート」(つまりクライアントエリア)のTopLeftの場所を特定する方法はありますか?高さ/幅はwindow.innerHeightとwindow.innerWidthで利用できることを知っています。ただし、「innerTop」と「innerLeft」(存在しない)も知っておく必要があります。
ありがとう、
ロブ
css - JavaScript を使用せずに、現在のドキュメントをそのマージンを含めて覆うように div のスタイルを設定できますか?
JavaScript を使用して実行できますが、CSS だけで、任意のページのドキュメント コンテンツまたはビューポートに正確に重なるように div のスタイルを設定することは可能ですか (ページに不透明な灰色のレイヤーを適用するため)。ページには body 要素のマージンがある可能性があるため、div を body 要素の幅に合わせてスタイリングすることはできません。(IE 6 でも動作する必要があります)
javascript - 横向き表示の再フォーマット
ナビゲーション ベースのアプリで文字列から UIWebView を読み込みます。私はUIWebViewのヘッダータグでこれを使用しています:
ビューポートがない場合のように、画像サイズを再調整する必要がないため、ビューポートを 1.0 で使用します。電話を横向きに回転すると、ウィンドウの幅が大幅に切り取られ、右側に黒い空白が表示されます。ビューがすべての横方向のスペースを埋めるようにしたいと思います...そして、縦方向のようにラップするのではなく、テキストがこのスペースを埋めるために使用します。そのタイプのフォーマットを取得する方法はありますか?