問題タブ [aspect-ratio]

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 投票する
9 に答える
21695 参照

c# - WPF ウィンドウで均一なサイズ変更のみを許可するにはどうすればよいですか?

ウィンドウのサイズを「水平方向のみ」または「垂直方向のみ」に変更したくありません。これを強制できるウィンドウに設定できるプロパティはありますか、それとも使用できる気の利いたコード ビハインド トリックはありますか?

0 投票する
5 に答える
39963 参照

user-interface - Qtでウィジェットのアスペクト比を維持するには?

Qtでウィジェットのアスペクト比を維持するにはどうすればよいですか?ウィジェットを中央に配置するのはどうですか?

0 投票する
19 に答える
10886 参照

aspect-ratio - 16:9 画面の Web デザインについてのあなたの考え

同僚や顧客が主にデスクトップ (PDA、電話などではない) で使用する Web アプリを設計しています。より多くのユーザーが 16:9 タイプの画面を装備するようになるにつれて、従来の画面レイアウトは人間工学的ではなくなりました。

たとえば、長い垂直のナビゲーション バーが完全に収まらない場合や、次の入力フィールドに移動するために複雑なフォームをスクロールする必要がある場合があります。

この展開にどのように対処していますか?もっと横に広がっていますか、それとも古いレイアウトにこだわっていますか? それは本当に問題ではありませんか?

アップデート

すべての返信に感謝します。私はそれらが有用であることを発見しました。ここに私に起こったいくつかの考えがあります:

  • 私は、4:3 形式が依然として最も広く使用されている可能性があると指摘していますが、それが変わることを期待しています。

  • また、私が会社でここに訪問するほとんどのユーザーは、すべてのウィンドウを最大化しています (本当に!)。そのため、コンテンツに合わせてブラウザーのサイズを変更するという考えは、そこでは役に立ちません。

  • 私の場合、ほとんどの Web アプリには、情報の検索と表示、またはデータ入力が含まれます (中には、大きくて複雑なフォームを含むものもあります)。私が気になっているのは主にデータ入力アプリです。おそらく、AJAX とタブ付きコントロールは、そこに進む道かもしれません。

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

ruby - Qtウィジェットに同じ高さと幅を維持させる方法は?

Ruby Qt バインディングを使用しています。

正方形のウィジェット(チェッカーボード)を作ろうとしているのですが、うまくいきません。 これは私が試したコードです

縦横比を維持するウィジェットを作成する適切な方法は何ですか?

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

c# - tiff ピクセルの縦横比を正方形に変更する

複数ページの tiff ファイルでバーコード認識を実行しようとしています。しかし、Tiff ファイルは、Tiff を非正方形のピクセル アスペクト比で保存するファックス サーバー (私には制御できません) から送られてきます。これにより、アスペクト比が原因で画像がひどく押しつぶされます。tiff を正方形ピクセルの縦横比に変換する必要がありますが、C# でそれを行う方法がわかりません。また、アスペクト比を変更しても画像が判読できるように、画像を引き伸ばす必要があります。

誰かがC#でこれをやったことがありますか? または、そのような手順を実行する画像ライブラリを使用した人はいますか?

0 投票する
18 に答える
135686 参照

javascript - アスペクト比を計算するアルゴリズムは何ですか?

これを JavaScript と共に使用して、ウィンドウ全体に合わせて画像をトリミングする予定です。

編集:次のような形式のアスペクト比のみを受け入れるサードパーティのコンポーネントを使用し4:3ます16:9

〜12歳の編集:この種の質問はかなり興味深いです!ここに何かありますよね?絶対!

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

c++ - 縦横比 - どのように扱うのですか? (D3D ビューポート設定)

わかりました - 私の質問は私の頭と同じくらい曇っていたようです。もう一度試してみましょう。

D3D デバイスのビューポートを構成する際に 3 つのプロパティがあります。 - デバイスが実行されている解像度 (フルスクリーン)。- モニターの物理的な縦横比 (分数と浮動小数点数: 1、例: 4:3 & 1.33)。- ソースの解像度の縦横比 (ソースの解像度自体は意味がなく、レンダリングが必要とする縦横比と実行するのに理想的な解像度の種類以外はほとんどわかりません)。

次に、これに遭遇します:

g_displayAspectRatio が xRes/yRes の比率 (= デバイスの解像度から適応) に等しい限り、すべて問題なく、このコードは期待どおりに動作します。しかし、これらの 2 つの値が関連しなくなるとすぐに (たとえば、誰かが 16:10 の画面で 4:3 の解像度をハードウェア ストレッチで実行すると)、補正するために別の手順が必要になります。 .

(そしてps私はアトミック型でCスタイルのキャストを使用し、それと一緒に暮らします:-))

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

wxpython - wxwidgets/wxPython: 縦横比を維持しながら wxFrame のサイズを変更する

子が 1 つしかない wx.Frame があります。子の wx.Sizer を設定するときに、wx.SHAPED フラグを使用して、子の縦横比をロックします。ただし、フレームの縦横比は完全に自由であり、子供が使用しない領域には空白が残ります。

サイズ変更中に wx.Frame のアスペクト比をロックするにはどうすればよいですか?

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

image - 所定のサイズに収まるアスペクト比4:3の寸法を見つけるにはどうすればよいですか?

ここでの問題は、サイズx x yの表示ウィンドウがあり、スクロールせずにウィンドウ内に画像を表示し、アスペクト比を4:3に維持する必要があることです。次のコードスニペットがあります。

もちろん、高さまたは幅のいずれかを「アンカー」として使用すると、いずれかの方法で新しい画像がスクロールします(元の画像が最初にウィンドウよりも大きいと仮定します)。所定のサイズに収まるアスペクト比4:3の寸法を見つけるにはどうすればよいですか?

編集 スケーリングを行うには、xとyの両方のスケール係数を渡す必要があります

0 投票する
37 に答える
687779 参照

html - CSSでdivのアスペクト比を維持する

divウィンドウの幅の変化に応じて幅/高さを変更できるを作成したいと思います。

アスペクト比を維持しながら、幅に応じて高さを変更できるCSS3ルールはありますか?

JavaScriptを介してこれを実行できることはわかっていますが、CSSのみを使用することをお勧めします。

ウィンドウの幅に応じてアスペクト比を維持するdiv