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

image - 画像のアスペクト比を維持しますか?

サーバーから受信した画像を表示するためにpictureBoxを使用していますが、問題は、コンパクトフレームワークの画像ボックスに3つのサイズモードしかないことです。

StretchImage、Normal、CenterImage

私が取得している写真は一般的にサイズが大きいので、StrethImageモードを使用する必要があります。ただし、アスペクト比は維持されるため、表示される画像は歪んでしまいます。

それで、とにかく彼らはこの問題から抜け出すのですか?

0 投票する
8 に答える
2332 参照

resize - X x Y の寸法のボックスに収まりながら、可能な限り大きくなるように N # の正方形のサイズを変更します。(サムネイル!)

N個の正方形があります。私は長方形の箱を持っています。すべての正方形がボックスに収まるようにします。正方形をできるだけ大きくしたい。

すべての正方形がボックスに収まるように、正方形の最大サイズを計算するにはどうすればよいですか?

これは、サムネイル ギャラリーのサムネイル用です。

このコードは現在正常に動作します。その背後にある考え方は、長方形のコンテナの最小の寸法を取り、コンテナがその寸法の正方形であると仮定し、iItems の正方形を内部に収めるのに十分な数の行と列があると仮定することです。

この関数は、コンテナがほとんど四角い場合にうまく機能します。ただし、長い長方形がある場合、サムネイルは実際よりも小さくなります。たとえば、長方形が 100 x 300 で、3 つのサムネイルがある場合、100 が返されるはずですが、代わりに 33 が返されます。

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

jquery - 画像のサイズ変更

以下のコードは、高さによるアスペクト比で画像のサイズを変更するのに非常にうまく機能し、幅で別の関数を作成することもできます。ただし、画像を高さまたは幅で縮小する必要があるかどうかは常にわかりません。

たとえば、画像のサイズを変更する必要があるスペースが幅100、高さ100で、画像が150 x 90の場合、その幅を縮小する必要があります。画像が80x160の場合、高さを小さくする必要があります。

だから私が求めているのは、幅と高さの両方のパラメーターに合うようにアスペクト比で画像を縮小するように、以下のコードをどのように変更できるかということです。ありがとう。

さらに詳しく調べてみると、更新されたバージョンもダンも正しく機能していないようだったので、コードをもう一度編集しました。アスペクト比が失われたので、ここにもう1つあります。私は1つの画像でそれを試しましたが、これまでのところ非常に優れています。ここにあります、

注:さらに使用した後、上記のコードは非常に奇妙に機能します。代わりにこれを試してください -http://plugins.jquery.com/project/kepresize

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

c# - UserControl の縦横比を維持する方法は?

UserControl の高さ/幅の比率を 1:1 に保つ方法を知っている人はいますか?

たとえば、高さ > 幅の場合、幅と高さは同じサイズになり、その逆も同様です。

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

php - 画像のサイズ変更(PHP / GD)

元の画像のアスペクト比を維持しながら、サイズ変更された画像が定義された最小幅よりも大きいことを確認しながら、PHP/GDを使用して画像のサイズをできるだけ小さくする最も効率的な方法を見つけるためのヘルプ/提案を探しています& 身長。

たとえば、サイズ変更された画像の幅は400以上、高さは300以上である必要がありますが、元のアスペクト比を維持しながら、これらのサイズにできるだけ近づける必要があります。

「風景」画像の理想的な高さは300以上、は400以上、「ポートレート」画像の理想的な幅は400以上、高さは300以上になります。

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

flash - Flash SWFファイルの自然なサイズ/サイズを見つけるにはどうすればよいですか?

.swfWebページに配置するためのFlashファイル(拡張子)が与えられました。ブラウザでファイルを開くとかなりぼやけてしまうので、画像と同じようにファイルには自然なサイズがあると思います。

長方形でもあるので、正確なサイズがわからない場合はアスペクト比を計算する必要があります。この情報をどのように見つけることができますか?

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

silverlight - Silverlight 3 アプリケーションとすべての子コントロールのサイズを変更し、縦横比を維持する方法

Silverlight 3 アプリケーションを構築していますが、Web ブラウザーのサイズに応じてサイズを変更したいと考えています。

http://community.irritatedvowel.com/blogs/pete_browns_blog/archive/2008/07/04/How-to-Resize-a-Silverlight-2-App-and-Keep-the-Same-Aspect-Ratioを見つけました .aspx

しかし、提案された解決策は Silverlight 3 では機能しないようです (サイズを変更すると、子コントロールの 1 つが画面から消えます)。

助言がありますか?

/ジミー

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

silverlight - カスタムコントロールのアスペクト比の設定

XAML(および場合によってはテンプレートバインディング)を使用して、コントロールの幅を高さに一定の比率に保つ方法はありますか?Blendでの設計時に、常に均等にスケーリングするように制御したいと思います。

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

flash - ビデオの縦横比を維持するために、スケーリングされたオブジェクト内の正しいスケール値を見つける

別のムービークリップ内にビデオがあります。全画面表示にするときは、外側のムービークリップを拡大して画面に合わせます。OuterMovieClip.width が screenWidth などと等しくなるようにします。ビデオの縦横比を維持して、歪まないようにするにはどうすればよいですか? そのための適切な数学は何ですか?

ありがとうございました。

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

wpf - WPF ウィンドウのサイズを変更しますが、比率を維持しますか?

ウィンドウの縦横比が一定に保たれるように、サイズ変更を制限したいユーザーがサイズ変更可能な WPF ウィンドウを持っています。

理想的には、適切な縦横比を維持する位置にコーナーをドラッグして、ウィンドウのサイズを変更するときにマウスの位置を制限したいと考えています。マウスでエッジのサイズを変更すると、他の寸法も同時に変更されます。

これを行う簡単な方法や、誰もが知っている良いオンラインの例はありますか?

より良い解決策が思い浮かばない場合は、少し改良した後に行ったことを投稿します。