javascript - Javascript を使用して画像のサイズを変更する

Question

このウェブカメラ プラグインを使用しています。画像をキャプチャした後 (デフォルトは 320x240)、画像のサイズを 100x100 に変更します (プロフィール写真のキャプチャ用)。
スケーリングを使用してみましたが、画像のサイズを変更せずに画像をトリミングしています。

Answer 1

これは、画像のサイズを変更するためのコードです。

ここで、'this' はイメージを表します。var maxWidth = 320; // 画像の最大幅 var maxHeight = 240; // 画像の最大高さ var ratio = 0; // アスペクト比に使用 var width = $(this).width(); // 現在の画像の幅 var height = $(this).height(); // 現在の画像の高さ

    // Check if the current width is larger than the max
    if(width > maxWidth){
        ratio = maxWidth / width;   // get ratio for scaling image
        $(this).css("width", maxWidth); // Set new width
        $(this).css("height", height * ratio);  // Scale height based on ratio
        height = height * ratio;    // Reset height to match scaled image
        width = width * ratio;    // Reset width to match scaled image
    }

    // Check if current height is larger than max
    if(height > maxHeight){
        ratio = maxHeight / height; // get ratio for scaling image
        $(this).css("height", maxHeight);   // Set new height
        $(this).css("width", width * ratio);    // Scale width based on ratio
        width = width * ratio;    // Reset width to match scaled image
    }

Answer 2

imgタグ自体を使用して画像のサイズを変更できます

<img src='./imagename.jpg' style="display: inline; width: 100px; height: 100px">

それはあなたが望むものですか？Javaスクリプトでもできます