問題タブ [image-resizing]

ASP.NET ファイル アップロード コントロールを使用してから、画像のサイズを変更し、新しい画像を新しいビットマップに保存しています。これが私がこれまでに持っているコードです:

Amazon S3 に直接アップロードしていますが、そのアップロード メソッドにデータを渡す必要があります。ファイルアップロードで使用している新しいビットマップから次の情報を取得するにはどうすればよいですか?:

バイト配列を取得できるように、新しいビットマップをストリームに保存する必要がありますか?

これが意味をなさない場合、または私が無能に聞こえる場合は、事前に謝罪します...私はしばらくの間ウェブページを作成していますが、JavaScriptを知りません。

友人のためにウェブページを作成しようとしていますが、ユーザーの画面解像度に基づいてページ内の画像のサイズを変更するコードを記述できるかどうかを尋ねられました。私はこの質問についていくつかの調査をしました、そしてそれはこれ、これ、そしてこれに似ています。残念ながら、説明されている方法のいずれも機能しなかったため、これらの記事は私の質問に完全には答えませんでした。

現在、左側のサイドバーのテーブルに10枚の画像を含む3列のWebページがあり、サイズにパーセンテージを使用すると、モニター間でサイズが変更されません。そのため、画面の解像度を検出した後にサイズを変更するJavaScript関数を作成しようとしています。

すべてを入力すると、コードが投稿から削除されるため、各画像はWebサイトにリンクし、カーソルを合わせると色が変わるために個別の画像を使用します。サイズを正しく変更するには、両方の画像に対応する必要がありますか？JavaScript関数を使用してそれらを切り替えます。

とにかく、私はこの記事で両方の方法を試しましたが、どちらもうまくいきませんでした。それが役に立ったら、私はGoogle Chromeを使用していますが、このページを可能な限りクロスブラウザーにしようとしています。

これまでのJavaScript関数のコードは次のとおりです。

ええ、私はまだそれをやっているかどうかわからないので、私はそれに多くを持っていません。これは、ウィンドウの「幅」と「高さ」のプロパティを検出する方法ですか？「yuk」、「wb」などは、サイズを変更しようとしている画像です。

要約すると：

JavaScriptを使用して画面解像度に基づいて画像のサイズを変更したいのですが、私の研究の試みは...無駄でした。

時間がかかってすみませんが、よろしくお願いします！

アプリケーションで ImageData のサイズを変更する必要があります。残念ながら、GC (アンチエイリアスがオンで補間が高) や ImageData.scaledTo() で必要な結果が得られませんでした。結果として得られる画像は、品質が低すぎて許容できません。高品質の ImageData のサイズ変更を行う最良の方法は何ですか?

編集： 縮小しています。

6x6 の画像を 120x120 にサイズ変更できません。リサイズされた画像が 1 ピクセルずれたように見えます。これはcvResizeとcv::resizeで発生します。私のコードは次のようになります。

warpedImgは次のようになります (認識しやすいように gimp でサイズを変更しました): http://picasaweb.google.com/103165673068768416583/Opencv#5565090881969794706

bigWarpedImgは次のようになります: http://picasaweb.google.com/103165673068768416583/Opencv#5565090880773608210

ご覧のとおり、bigWarpedImg では、左と上の境界線が小さすぎますが、右と下の境界線が太すぎます。OpenCVのバグのようです。これはこれですか、それともこの機能を間違って使用していますか?

やあみんな。ですから、これは私がJSを知らないということであり、本当に難しい質問であるということではありません。

jQueryから呼び出して画像のサイズを変更できる小さな関数をJSで作成しようとしています。問題は、JS関数の実行後に値をjQueryに戻す方法がわからないことです。これが私がこれまでに持っているものです：

ご覧のとおり、私はいくつかの値を入力して、new_widthとnew_heightを取得しようとしています。

助けてくれてありがとう！

Web サイトに小さなエディターがあり、それに画像を追加できます。jQuery プラグイン (Resizable) を使用して画像のサイズを変更できます。このため、画像の周囲の境界線のサイズ変更を無効にする必要がありました。Firefixでは、これを使用してそれを行いました：

そしてそれはうまくいきました。IEで同様のことを行うにはどうすればよいですか?

前もって感謝します

クリックするとコンテナdiv内に収まるように画像のサイズを自動的に変更する小さなデモを設定しました。

これは、画像のサイズを取得し、それをボックスのサイズで割って、幅または高さに応じて画像のサイズを変更する前に、どちらの比率が高いかを判断することで機能します。コードを見て、どのように機能するかを確認することをお勧めします。

唯一の問題は、それがかなりグリッチであるということです。それは機能しますが、画像の幅に基づいてサイズを変更する代わりに、ブラウザの幅に基づいてサイズを計算しているように見えますが、サイズ変更時に正しい値を渡します。

以下の2つのリンクを見て、ブラウザウィンドウのサイズを変更してグリッチを確認してください。overflow:hidden;divの外側の画像のサイズを確認できるように、属性に取り消し線を付けました。

ここのコードを見てください：http： //jsfiddle.net/sambeckhamdesign/NVAGG/11/

ここでフルスクリーンの結果を表示します：http： //jsfiddle.net/sambeckhamdesign/NVAGG/11/embedded/result/

またはここでjQueryを読んでください

画像のサイズ変更にimagemagickDLL（http://www.imagemagick.orgを参照）を使用していますが、
アニメーションGIF画像のサイズを変更すると、問題が発生します。

画像のサイズ変更に以下のコードを使用しています（画像の種類はpng、gif、jpg、bmp、tif ...）

どうすれば修正できますか。結果の画像を見る

ここから画像処理に関する記事を見つけました: http://www.switchonthecode.com/tutorials/csharp-tutorial-image-editing-saving-cropping-and-resizing

画像のリサイズ時に高画質を保ちたい。DPI値を上げることができれば、これを達成できると思います。これが可能かどうか誰にもわかりますか？もしそうなら、どうすればC#で実装できますか?

同じ画像を表示したい自分用に構築しているWebサイトがありますが、サイト全体で異なるサイズです。たとえば、ポートフォリオページでは画像を非常に大きくしたいのですが、同じページのサムネイルバージョンで同じ画像を表示し、ランディングページでは同じ画像を少し大きくしたいと考えています。

これを行うための最善かつ最も賢明な方法は何ですか? 1 つの画像を作成し、サーバーにアップロードしてからサイズを変更する方がはるかに簡単ですが、サイト全体に適していると思われるため、同じ画像の複数のサイズをアップロードする必要はありません。目標は、これらを拡大縮小/サイズ変更して、引き伸ばされないようにすることです。