問題タブ [image-scaling]

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

java - Java で byte[] として格納されている画像をスケーリングします

strutsフォームでファイルをアップロードします。画像をバイト[]として持っており、スケーリングしたいと思います。

これを行う簡単な関数を知っている人はいますか?

私のように tomcat で Java ヒープ領域が不足した場合は、Tomcat が使用するヒープ領域を増やしてください。Eclipse 用の tomcat プラグインを使用する場合は、次が適用されます。

Eclipse で、[ウィンドウ] > [設定] > [Tomcat] > [JVM 設定] を選択します。

JVM パラメータ セクションに以下を追加します。

-Xms256m -Xmx512m

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

php - PHP jpg/png/gif で画像を動的にスケーリングする

PHPで画像を動的にスケーリングする簡単な方法はありますか?

具体的には、次のような heml に挿入できるある種の関数を使用したいと思います

そしてもちろん、幅500pxに制限する高さに合わせて画像をスケーリングします

私はすべての入力に感謝します、ありがとう。

編集には jpg png および gif ファイル タイプを含める必要があります

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

iphone - iPhoneWeb開発の画像スケーリング

私はiphoneアプリケーションが完了した後に表示される簡単なWebページを開発しています。サファリがjpgの画質を低下させるため、すべてがぼやけていることがわかりました。

画像はdivに適用された背景画像です

幅と高さはjpg画像とまったく同じです。画像が完全な品質で表示されることを確認する方法はありますか?

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

html - HTML 画像のスケーリング

HTML img タグを使用して大きな画像を表示しようとしています。瞬間、それらは画面の端からはみ出します。ブラウザ ウィンドウ内にとどまるようにスケーリングするにはどうすればよいですか?

または、これが不可能な場合は、少なくとも「この画像を通常の幅と高さの 50% で表示する」と言うことができますか?

幅と高さの属性は画像をゆがめます。私が知る限り、これはコンテナが最終的に持つ可能性のある属性を参照するためであり、画像とは関係ありません。ピクセル サイズが異なる大量の画像を処理する必要があるため、ピクセルを指定できません。最大幅は機能しません。

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

c# - ディープ ズーム用に画像を複数のサイズにスケーリングする

縦横が正方形で幅が 2048 ピクセルのビットマップがあるとします。

Silverlight で必要な一連のファイルを作成するには、DeepZoomImageTileSourceこのビットマップを 1024 に、次に 512 に、次に 256 に、というように 1 ピクセル イメージに縮小する必要があります。

2 つのアプローチがあります。

  1. 必要な各画像について、元のフル サイズの画像を必要なサイズにスケーリングします。ただし、画像全体を非常に小さなサイズにスケーリングするのは過剰に思えます。
  2. あるレベルから次のレベルにスケーリングすると、元の画像が破棄され、連続してスケーリングされた各画像が次に小さい画像のソースとしてスケーリングされます。ただし、これはオプション 1 を使用するよりも忠実度の低い 256 ~ 64 の範囲の画像を生成すると思われます。

Deep Zoom Composer とは異なり、このツールはオンデマンドで動作することが期待されるため、妥当な時間枠 (30 秒以内) で完了する必要があることに注意してください。プラス面では、複数の高解像度画像のピラミッドではなく、単一のマルチスケール画像のみを作成しています。

私はここで快適ゾーンの外にいます。グラフィックスの専門家は何かアドバイスを受けましたか? ポイント2について間違っていますか?ポイント 1 は適度にパフォーマンスが高く、何も心配していませんか? オプション 3?

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

php - 画像ファイルのサイズを任意のサイズに変更するにはどうすればよいですか

画像アップロード フォームがあり、ユーザーは画像ファイルを添付し、画像サイズを選択してアップロードした画像ファイルのサイズを変更します (200kb、500kb、1mb、5mb、オリジナル)。次に、スクリプトはユーザーのオプションのサイズに基づいて画像ファイルのサイズを変更する必要がありますが、この機能を実装する方法がわかりません。

たとえば、ユーザーが 1 MB のサイズの画像をアップロードし、ユーザーがサイズ変更するために 200 KB を選択した場合、スクリプトはそれを 200 KB のサイズで保存する必要があります。

誰かが同様のタスクについて知っているか、経験がありますか?

事前にご返信いただきありがとうございます。

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

javascript - FirefoxでのJavascript/Canvas/Imagesのスケーリングの問題

context2dのdrawImage関数に問題があります。画像を拡大縮小すると、1ピクセルの暗い境界線が表示されますが、これはちょっと醜いです。これはFirefoxでのみ発生し、OperaやWebkitでは発生しません。

これはアンチエイリアスの問題ですか?何時間も、例と入手可能なドキュメントを削除せずに調べました...まだ別のコンピューターで試すことができなかったので、グラフィックハードウェア/ドライバーの問題かもしれません。

exp.jpgのサイズが200x200ピクセルであると仮定して、この最小限のスニペットでこの効果を再現しました。

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

css - バイキュービック フィルターを使用した IE6 画像のスケーリング

実際のブラウザ側でいくつかの画像のサイズを変更する必要があるプロジェクトがあります。

IE8、FF3 などはすべてフィルターを適用して画像のサイズ変更をスムーズにするため、これらのブラウザーではすべてが適切に表示されます。

IE7 では、次の修正を適用しました。これはうまく機能します。

ただし、IE6 では、AlphaImage フィルター (PNG ファイルでアルファ透明度を有効にするために使用されるものと同じもの) への参照のみを見つけることができます。ただし、使用方法の例が見つからないか、自分で機能させることができませんでした。

誰かが私に例を提供できますか? 必要に応じて背景画像を使用することもできますが、実際の img タグに適用することをお勧めします。

MSDN リンク (その価値について): http://msdn.microsoft.com/en-us/library/ms532969%28VS.85%29.aspx

CSS で使用しているコードは img に適用されますが、img コンテナーにも適用しようとしました (効果はありません)。

よろしくお願いします:)

リック

0 投票する
7 に答える
5280 参照

algorithm - 32Bit RGB イメージを縮小する最速のアルゴリズム

32Bit RGB IMAGE をカスタム解像度に縮小するために使用するアルゴリズムは? アルゴリズムはピクセルを平均化する必要があります。

たとえば、100x100 の画像があり、サイズが 20x50 の新しい画像が必要な場合。最初のソース行の最初の 5 ピクセルの平均は、dest の最初のピクセルを示し、最初のソース列の最初の 2 つのピクセルの平均は、最初の dest 列のピクセルを示します。

現在私が行っているのは、最初に X 解像度で縮小し、その後 Y 解像度で縮小することです。このメソッドには 1 つの一時バッファーが必要です。

あなたが知っている最適化された方法はありますか?

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

apache-flex - Flex: 幅が contentWidth と一致するように画像をスケーリングしますか?

画像が HBox に読み込まれる動的レイアウトがあります。

画像には画像の高さのみが設定されているため、使用可能なすべての垂直方向のスペースを使用できますが、幅は未定義のままで、幅は高さに応じてスケーリングされると予想されます。

画像の高さが contentHeight と等しいことがわかります。つまり、高さは適切にスケーリングされます。ただし、画像の幅は測定幅 (画像の元の幅) と同じままであり、それに応じてスケーリングされません。

たとえば、画像の元のサイズが 800x600 で、HBox の高さが 300 の場合、画像の高さは 300 に縮小されますが、幅は 400 に縮小されず、代わりに 800 のままになります。

画像の幅を明示的に設定するイベント リスナーを追加しようとしました。

画像が初めてロードされたときにのみ機能します。その後、 Image.load() を使用してさまざまな画像を動的にロードすると、機能が停止します-画像の幅が0に設定されます。

ヘルプ/アドバイスをいただければ幸いです。